js怎么模拟点击网页元素

【js怎么模拟点击网页元素】js是在浏览器客户端执行的剧本说话 , 所以 , 想要利用js模拟点击网页元素 , 是可以做到的 。 为了简化js的利用 , 本文引入jquery为例演示

需要这些哦
VSCode
方式/
1打开vscode , 建立一个H5规范的测试页面JsClick.html , 在页面同级目次添加一个jquery源文件 , 用于演示js模拟点击网页元素

js怎么模拟点击网页元素

文章插图

2在测试页面中 , 引入jquery源文件 , 并添加一个div标签 , 一个a标签 , 为了演示结果a标签临时不添加地址

js怎么模拟点击网页元素

文章插图

3经由过程jquery为div标签绑定一个点击事务 , 这个事务是被动执行的 。 意思是要点击才会触发的

js怎么模拟点击网页元素

文章插图

4在浏览器中运行测试页面 , 点击这个div内容 , 就可以看到弹出内容了

js怎么模拟点击网页元素

文章插图

5在页面中继续添加js , 模拟点击这个div元素 , 此时 , 不需要手动点击 , 程序会主动点击 。
利用jquery的trigger("click")就可以模拟点击元素了

js怎么模拟点击网页元素

文章插图

6为页面的a标签 , 绑定一个点击事务 , 这个事务也是被动的 , 需要点击才会有用果

js怎么模拟点击网页元素

文章插图

7在页面添加模拟点击a标签的js代码 , 注重 , a标签不克不及直接click , 不然 , 不会有用果 。
对于a标签比力特别 , 不克不及直接trigger , 必需要[0].click()才行

js怎么模拟点击网页元素

文章插图


以上内容就是js怎么模拟点击网页元素的内容啦 , 希望对你有所帮助哦!

    推荐阅读