JS模拟按钮点击功能的方法
本文实例讲述了JS模拟按钮点击功能的方法。分享给大家供大家参考,具体如下:
<html> <head> <title>usuallyfunction</title> </head> <script> functionload(){ //下面两种方法效果是一样的 document.getElementById("target").onclick(); document.getElementById("target").click(); } functiontest(){ alert("test"); } </script> <bodyonload="load()"> <buttonid="target"onclick="test()">test</button> </body> <html>
备注:
btnObj.click()是真正地用程序去点击按钮,触发了按钮的onclick()事件
btnObj.onclick()只是简单地调用了btnObj的onclick所指向的方法,只是调用方法而已,并未触发事件
补充:
javascript模拟鼠标点击a便签的例子
这里先获取a标签元素,然后后面.click()即可.
代码如下:
<!doctypehtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>Document</title> </head> <body> <ahref="这里是a标签的路径">这里是a标签的名称</a> <buttononclick="fn()">点击打开a标签</button> <script> vara=document.getElementsByTagName('a')[0]; functionfn(){ a.click(); } </script> </body> </html>
希望本文所述对大家JavaScript程序设计有所帮助。