JS模拟按钮点击功能的方法


Posted in Javascript onDecember 22, 2015

本文实例讲述了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" onclick="test()">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 onclick="fn()">点击打开a标签</button>
<script>
  var a = document.getElementsByTagName('a')[0];
  function fn(){
    a.click();
  }
</script>
</body>
</html>

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

Javascript 相关文章推荐
JS代码同步文本框内容的实例方法
Jul 12 Javascript
javascript alert乱码的解决方法
Nov 05 Javascript
jQuery自定义事件的简单实现代码
Jan 27 Javascript
node.js下LDAP查询实例分享
Sep 30 Javascript
js点击返回跳转到指定页面实现过程
Aug 20 Javascript
JS iFrame加载慢怎么解决
May 13 Javascript
JS简单获取及显示当前时间的方法
Aug 03 Javascript
JavaScript Uploadify文件上传实例
Feb 28 Javascript
JavaScript通过filereader接口读取文件
May 10 Javascript
Angular6新特性之Angular Material
Dec 28 Javascript
express中static中间件的具体使用方法
Oct 17 Javascript
JS前端监控采集用户行为的N种姿势
Jul 23 Javascript
jquery插件jquery.confirm弹出确认消息
Dec 22 #Javascript
js实现仿微博滚动显示信息的效果
Dec 21 #Javascript
Javascript实现Array和String互转换的方法
Dec 21 #Javascript
图解Sublime Text3使用技巧
Dec 21 #Javascript
七个不允许错过的jQuery小技巧
Dec 21 #Javascript
jQuery焦点图插件SaySlide
Dec 21 #Javascript
Flow之一个新的Javascript静态类型检查器
Dec 21 #Javascript
You might like
PHP设计模式之解释器模式的深入解析
2013/06/13 PHP
让PHP显示Facebook的粉丝数量方法
2014/01/08 PHP
php实现字符串反转输出的方法
2015/03/14 PHP
javascript 无提示关闭窗口脚本
2009/08/17 Javascript
javascript setTimeout和setInterval 的区别
2009/12/08 Javascript
JS中Iframe之间传值的方法
2013/03/11 Javascript
在js文件中如何获取basePath处理js路径问题
2013/07/10 Javascript
JS 有趣的eval优化输入验证实例代码
2013/09/22 Javascript
当滚动条滚动到页面底部自动加载增加内容的js代码
2014/05/13 Javascript
JS实现自动切换文字的导航效果代码
2015/08/27 Javascript
RequireJS 依赖关系的实例(推荐)
2017/01/21 Javascript
JS使用插件cryptojs进行加密解密数据实例
2017/05/11 Javascript
nodejs中实现修改用户路由功能
2019/05/24 NodeJs
vue实现百度语音合成的实例讲解
2019/10/14 Javascript
javascript网页随机点名实现过程解析
2019/10/15 Javascript
es6函数name属性功能与用法实例分析
2020/04/18 Javascript
Nuxt配置Element-UI按需引入的操作方法
2020/07/06 Javascript
JavaScript 防盗链的原理以及破解方法
2020/12/29 Javascript
Python字符串处理实例详解
2017/05/18 Python
python字符串和常用数据结构知识总结
2019/05/21 Python
使用 python pyautogui实现鼠标键盘控制功能
2019/08/04 Python
Pytorch Tensor基本数学运算详解
2019/12/30 Python
django 模型中的计算字段实例
2020/05/19 Python
利用Python发送邮件或发带附件的邮件
2020/11/12 Python
Numpy中的数组搜索中np.where方法详细介绍
2021/01/08 Python
flask框架中的cookie和session使用
2021/01/31 Python
英国健身仓库:Bodybuilding Warehouse
2019/03/06 全球购物
Tuckernuck官网:经典的美国品质服装、鞋子和配饰
2021/01/11 全球购物
什么是Deployment descriptors;都有什么类型的部署描述符
2015/07/28 面试题
优秀实习自我鉴定
2013/12/04 职场文书
项目开发计划书
2014/01/09 职场文书
大学自主招生推荐信
2014/05/10 职场文书
公司授权委托书范文
2014/09/21 职场文书
2014年“向国旗敬礼”网上签名寄语活动方案
2014/09/27 职场文书
OpenCV-Python实现人脸美白算法的实例
2021/06/11 Python
Redis监控工具RedisInsight安装与使用
2022/03/21 Redis