JS简单模拟触发按钮点击功能的方法


Posted in Javascript onNovember 30, 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程序设计有所帮助。

Javascript 相关文章推荐
多广告投放代码 推荐
Nov 13 Javascript
关于javascript DOM事件模型的两件事
Jul 22 Javascript
禁止空格提交表单的js代码
Nov 17 Javascript
解析prototype,JQuery中跳出each循环的方法
Dec 12 Javascript
jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
Aug 26 Javascript
JS修改地址栏参数实例代码
Jun 14 Javascript
bootstrap table使用入门基本用法
May 24 Javascript
微信小程序使用checkbox显示多项选择框功能【附源码下载】
Dec 11 Javascript
Vue一次性简洁明了引入所有公共组件的方法
Nov 28 Javascript
深入学习JavaScript 高阶函数
Jun 11 Javascript
Vue最新防抖方案(必看篇)
Oct 30 Javascript
JavaScript对象属性操作实例解析
Feb 04 Javascript
移动手机APP手指滑动切换图片特效附源码下载
Nov 30 #Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车
Nov 30 #Javascript
浅析node连接数据库(express+mysql)
Nov 30 #Javascript
javascript编程异常处理实例小结
Nov 30 #Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作
Nov 30 #Javascript
轻松学习jQuery插件EasyUI EasyUI创建CRUD应用
Nov 30 #Javascript
javascript for-in有序遍历json数据并探讨各个浏览器差异
Nov 30 #Javascript
You might like
判断Keep-Alive模式的HTTP请求的结束的实现代码
2011/08/06 PHP
php数组函数序列之ksort()对数组的元素键名进行升序排序,保持索引关系
2011/11/02 PHP
PHP制作万年历
2015/01/07 PHP
Ubuntu彻底删除PHP7.0的方法
2018/07/27 PHP
微信JSSDK分享功能图文实例详解
2019/04/08 PHP
Thinkphp框架使用list_to_tree 实现无限级分类列出所有节点示例
2020/04/04 PHP
Nigma vs Liquid BO3 第一场2.13
2021/03/10 DOTA
脚本之家贴图转换+转贴工具用到的js代码超级推荐
2007/04/05 Javascript
正负小数点后两位浮点数实现原理及代码
2013/09/06 Javascript
jQuery中:animated选择器用法实例
2014/12/29 Javascript
javascript实现给定半径求出圆的面积
2015/06/26 Javascript
Node.js操作redis实现添加查询功能
2017/05/25 Javascript
Vue-Cli中自定义过滤器的实现代码
2017/08/12 Javascript
浅谈AngularJS中使用$resource(已更新)
2017/09/14 Javascript
angularJS1 url中携带参数的获取方法
2018/10/09 Javascript
vue前端框架—Mint UI详解(更适用于移动端)
2019/04/30 Javascript
JS FormData对象使用方法实例详解
2020/02/12 Javascript
openlayers实现地图弹窗
2020/09/25 Javascript
[56:46]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 VP vs Effect
2018/04/01 DOTA
python根据出生日期获得年龄的方法
2015/03/31 Python
python django 实现验证码的功能实例代码
2017/05/18 Python
Python和Java进行DES加密和解密的实例
2018/01/09 Python
pandas实现选取特定索引的行
2018/04/20 Python
python实现随机梯度下降法
2020/03/24 Python
django model通过字典更新数据实例
2020/04/01 Python
Python自定义聚合函数merge与transform区别详解
2020/05/26 Python
python 星号(*)的多种用途
2020/09/21 Python
HTML5 绘制图像(上)之:关于canvas元素引领下一代web页面的问题
2013/04/24 HTML / CSS
AmazeUI底部导航栏与分享按钮的示例代码
2020/08/18 HTML / CSS
大班开学家长寄语
2014/04/04 职场文书
4S店售后客服自我评价
2014/04/09 职场文书
销售团队获奖感言
2014/08/14 职场文书
2014年大学团支部工作总结
2014/12/02 职场文书
安全伴我行主题班会
2015/08/13 职场文书
Grafana可视化监控系统结合SpringBoot使用
2022/04/19 Redis