jquery click()方法模拟点击事件对a标签不生效的解决办法

前端APP 投稿 9500 0 评论

jquery click()方法模拟点击事件对a标签不生效的解决办法

a标签正常使用方式

<a href="www.feishuai.vip"></a>

问题分析

点击A标签本身,并不会触发跳转到指定链接的事件,就是说,我们平时都是点击的A标签中的文字了。所以要想用JS模拟点击A标签事件,就得先往A标签中的文字添加能被JS捕获的元素,然后再用JS模拟点击该元素即可。
打印$("a"[0],得到的是https://www.feishuai.vip,但实际上$("a"[0]是一个object对象,或许说是DOM对象更贴切一些。

解决方案

解决方案一

document.getElementById("abc ".click(;

使用原生DOM元素操作a标签,调用原生click(方法;

解决方案二

$("#abc "[0].click(;

将jquery对象转换为原生DOM对象

总结

a标签模拟点击事件需要使用原生DOM元素调用click(方法;

jquery对象无法调用,因此推荐在以后的开发中尽量使用原生DOM对象模拟点击。

编程笔记 » jquery click()方法模拟点击事件对a标签不生效的解决办法

赞同 (44) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽