手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS模拟按钮点击功能的方法
JS模拟按钮点击功能的方法
摘要:本文实例讲述了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程序设计有所帮助。

【JS模拟按钮点击功能的方法】相关文章:

JavaScript实现鼠标点击后层展开效果的方法

JavaScript实现表格点击排序的方法

Jquery动态添加输入框的方法

JavaScript检测鼠标移动方向的方法

JS实现两表格里数据来回转移的方法

JavaScript实现点击文字切换登录窗口的方法

JavaScript获得指定对象大小的方法

用JavaScript实现页面重定向功能的教程

必须点击广告才能进入的代码

动态加载jQuery的方法

精品推荐
分类导航