jQuery触发a标签的click事件

雨点打透心脏的1/2处 2022-02-24 20:47 682阅读 0赞
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>测试</title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <script src="http://i0.sinaimg.cn/dy/js/jquery/jquery-1.7.2.min.js"></script>
  9. </head>
  10. <body>
  11. <a href="http://www.baidu.com" id="a">点我</a>
  12. <button id="btn">触发A点击</button>
  13. </body>
  14. <script>
  15. $("#btn").click(function(){
  16. // 这种方式不能触发a的click事件,原因是jQuery的click触发的是元素onClick方法,而不是click点击事件
  17. $("#a").click();
  18. //解决方法1: 原生JS不受影响
  19. document.getElementById("a").click();
  20. // 解决方法2:将jQuery对象转换成原生对象
  21. $("#a")[0].click();
  22. });
  23. </script>
  24. </html>
  25. ---------------------
  26. 作者:java爱好者
  27. 来源:CSDN
  28. 原文:https://blog.csdn.net/afgasdg/article/details/83001206
  29. 版权声明:本文为博主原创文章,转载请附上博文链接!

发表评论

表情:
评论列表 (有 0 条评论,682人围观)

还没有评论,来说两句吧...

相关阅读

    相关 web页面a标签触发事件

        在我们的项目中,很多时候使用a标签不是直接发生url跳转,而是期望能够走js方法,在里面完成相关参数的校核信息以及url的地址拼接,毕竟有些参数的信息不能直接使用