在控制台调试的时候,直接点击元素是可以触发的,到了页面代码中却没有触发点击事件
$("#btn").click();
看了别人的两种思路:
(1)点击的是“A标签”本身
(2)点击的是“A标签”子元素
给a标签添加一个子元素,通过点击子元素触发
let span = document.createElement("span"); $("#btn").append(span); span.click();
代码示例
<h1 id="title">原来的标题</h1> <a href="javascript:;" id='btn'>点击</a> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <script> $(function () { $("#btn").click(function () { $("#title").text("新的标题") }) // 点击元素 $("#btn").click(); // 或者 点击里边的元素 let span = document.createElement("span"); $("#btn").append(span); span.click(); }) </script>