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,不然,不会有用果 。
【js怎么模拟点击网页元素】对于a标签比力特别,不克不及直接trigger,必需要[0].click()才行

js怎么模拟点击网页元素

文章插图


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

    推荐阅读