DaiCuoBBs

 找回密码
 免费注册

QQ登录

只需一步,快速开始

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

[复制链接]
admin 发表于 2019-12-9 13:47:33 | 显示全部楼层 |阅读模式
  1. <a href="http://www.daicuo.net" id="daicuo"></a>
复制代码
问题分析

点击a标签本身,并不会触发跳转到指定链接的事件,就是说,我们平时都是点击的a标签中的文字了。

所以要想用JS模拟点击a标签事件,就得先往a标签中的文字添加能被JS捕获的元素,然后再用JS模拟点击该元素即可。

打印$(“a”)[0],得到的是www.daicuo.net,但实际上$(“a”)[0]是一个object对象,或许说是DOM对象更贴切一些。

a标签模拟点击事件需要使用原生DOM元素调用click()方法;jquery对象无法调用,因此推荐在以后的开发中尽量使用原生DOM对象模拟点击.

解决方案一
使用原生DOM元素操作a标签,调用原生click()方法;
  1. document.getElementById("daicuo ").click();
复制代码
解决方案二
将jquery对象转换为原生DOM对象
  1. $("#daicuo ")[0].click();
复制代码




您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

QQ|Archiver|手机版|小黑屋|大错站长论坛

GMT+8, 2020-5-29 18:14 , Processed in 0.054493 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表