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 相关文章推荐
非常好的js代码
Jun 27 Javascript
来自国外的14个图片放大编辑的jQuery插件整理
Oct 20 Javascript
jQuery最佳实践完整篇
Aug 20 Javascript
AngularJS使用angular-formly进行表单验证
Dec 27 Javascript
javascript实现延时显示提示框特效代码
Apr 27 Javascript
js实现select选择框效果及美化
Aug 19 Javascript
ES6记录异步函数的执行时间详解
Aug 31 Javascript
JavaScript运动框架 解决防抖动问题、悬浮对联(二)
May 17 Javascript
详解bootstrap用dropdown-menu实现上下文菜单
Sep 22 Javascript
vuejs router history 配置到iis的方法
Sep 20 Javascript
JavaScript如何判断对象有某属性
Jul 03 Javascript
javascript贪吃蛇游戏设计与实现
Sep 17 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
PHP MemCached 高级缓存应用代码
2010/08/05 PHP
PHP中图片等比缩放的实例
2013/03/24 PHP
php使用MySQL保存session会话的方法
2015/06/26 PHP
php session的应用详细介绍
2017/03/22 PHP
Yii框架通过请求组件处理get,post请求的方法分析
2019/09/03 PHP
解决php扩展安装不生效问题
2019/10/25 PHP
javascript Object与Function使用
2010/01/11 Javascript
js给onclick赋值传参数的两种方法
2013/11/25 Javascript
jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析
2014/06/09 Javascript
非jQuery实现照片散落桌子上,单击放大的LightBox效果
2014/11/28 Javascript
js实现字符串转日期格式的方法
2015/05/20 Javascript
JavaScript继承模式粗探
2016/01/12 Javascript
JavaScript中创建对象的模式汇总
2016/04/19 Javascript
原生js实现addClass,removeClass,hasClass方法
2016/04/27 Javascript
原生js实现淘宝购物车功能
2020/06/23 Javascript
js弹性势能动画之抛物线运动实例详解
2017/07/27 Javascript
JavaScript继承的特性与实践应用深入详解
2018/12/30 Javascript
Ruby元编程基础学习笔记整理
2016/07/02 Python
python中利用xml.dom模块解析xml的方法教程
2017/05/24 Python
Python之文字转图片方法
2018/05/10 Python
python 求某条线上特定x值或y值的点坐标方法
2019/07/09 Python
python绘制随机网络图形示例
2019/11/21 Python
详解Python直接赋值,深拷贝和浅拷贝
2020/07/09 Python
Python监听键盘和鼠标事件的示例代码
2020/11/18 Python
python集合的新增元素方法整理
2020/12/07 Python
锐步美国官方网站:Reebok美国
2018/01/10 全球购物
美体小铺瑞典官方网站:The Body Shop瑞典
2018/01/27 全球购物
英国最受欢迎的平价女士时装零售商:Roman Originals
2019/11/02 全球购物
SQL SERVER面试资料
2013/03/30 面试题
sealed修饰符是干什么的
2012/10/23 面试题
酒店前台接待岗位职责
2013/12/03 职场文书
采购部部门职责
2013/12/15 职场文书
农业开发项目建议书
2014/05/16 职场文书
小兵张嘎观后感
2015/06/03 职场文书
资产移交协议书
2016/03/24 职场文书
Golang标准库syscall详解(什么是系统调用)
2021/05/25 Golang