js怎么模拟点击网页元素

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

东西/原料

  • VSCode

方式/步调

  1. 1

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

  2. 2

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

  3. 3

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

  4. 4

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

  5. 5

    在页面中继续添加js,模拟点击这个div元素,此时,不需要手动点击,程序会主动点击。

    利用jquery的trigger("click")就可以模拟点击元素了

  6. 6

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

  7. 7

    在页面添加模拟点击a标签的js代码,注重,a标签不克不及直接click,不然,不会有用果。

    对于a标签比力特别,不克不及直接trigger,必需要[0].click()才行

  • 发表于 2019-03-01 23:24
  • 阅读 ( 2006 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具