js是在浏览器客户端执行的剧本说话,所以,想要利用js模拟点击网页元素,是可以做到的 。 为了简化js的利用,本文引入jquery为例演示
需要这些哦
VSCode
方式/
1打开vscode,建立一个H5规范的测试页面JsClick.html,在页面同级目次添加一个jquery源文件,用于演示js模拟点击网页元素
文章插图
2在测试页面中,引入jquery源文件,并添加一个div标签,一个a标签,为了演示结果a标签临时不添加地址
文章插图
3经由过程jquery为div标签绑定一个点击事务,这个事务是被动执行的 。 意思是要点击才会触发的
文章插图
4在浏览器中运行测试页面,点击这个div内容,就可以看到弹出内容了
文章插图
5在页面中继续添加js,模拟点击这个div元素,此时,不需要手动点击,程序会主动点击 。
利用jquery的trigger("click")就可以模拟点击元素了
文章插图
6为页面的a标签,绑定一个点击事务,这个事务也是被动的,需要点击才会有用果
文章插图
7在页面添加模拟点击a标签的js代码,注重,a标签不克不及直接click,不然,不会有用果 。
【js怎么模拟点击网页元素】对于a标签比力特别,不克不及直接trigger,必需要[0].click()才行
文章插图
以上内容就是js怎么模拟点击网页元素的内容啦,希望对你有所帮助哦!
推荐阅读
- 三角梅叶子干枯怎么办
- 含笑花黄叶怎么回事
- 长春花怎么收种子
- 猫吃驱虫药后没精神不想动怎么办?
- 猫咪眼角有白色粘稠物是怎么了?
- 玉米脆皮虾的做法 怎么做玉米脆皮虾
- 怎么打开PDF文件,给PDF文件中的文字加粗
- 原味生蚝的做法 原味生蚝怎么做
- 油酥饼的做法 油酥饼怎么做
- 剁椒鱼怎么做 剁椒鱼怎么做好吃