JS模拟按钮点击功能的方法_Javascript教程-查字典教程网
JS模拟按钮点击功能的方法
JS模拟按钮点击功能的方法
发布时间:2016-12-30 来源:查字典编辑
摘要:本文实例讲述了JS模拟按钮点击功能的方法。分享给大家供大家参考,具体如下:usuallyfunctionfunctionload(){//下...

本文实例讲述了JS模拟按钮点击功能的方法。分享给大家供大家参考,具体如下:

<html> <head> <title>usually function</title> </head> <script> function load(){ //下面两种方法效果是一样的 document.getElementById("target").onclick(); document.getElementById("target").click(); } function test(){ alert("test"); } </script> <body onload="load()"> <button id="target">test</button> </body> <html>

备注:

btnObj.click()是真正地用程序去点击按钮,触发了按钮的onclick()事件

btnObj.onclick()只是简单地调用了btnObj的onclick所指向的方法,只是调用方法而已,并未触发事件

补充:

javascript模拟鼠标点击a便签的例子

这里先获取a标签元素,然后后面.click()即可.

代码如下:

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <a href="这里是a标签的路径">这里是a标签的名称</a> <button>点击打开a标签</button> <script> var a = document.getElementsByTagName('a')[0]; function fn(){ a.click(); } </script> </body> </html>

希望本文所述对大家JavaScript程序设计有所帮助。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类