这篇文章主要介绍了JS模拟按钮点击功能的方法,结合实例形式分析了JavaScript模拟点击按钮事件的实现技巧,并附带了JavaScript模拟点击链接的实现方法,需要的朋友可以参考下
本文实例讲述了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> <button>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="https://www.jb51.net/这里是a标签的路径">这里是a标签的名称</a> <button>点击打开a标签</button> <script> var a = document.getElementsByTagName('a')[0]; function fn(){ a.click(); } </script> </body> </html>
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章: