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 相关文章推荐
硬盘浏览程序,保存成网页格式便可使用
Dec 03 Javascript
javascript的函数
Jan 31 Javascript
Jquery 快速构建可拖曳的购物车DragDrop
Nov 30 Javascript
jquery选择器原理介绍($()使用方法)
Mar 25 Javascript
iframe子页面与父页面在同域或不同域下的js通信
May 07 Javascript
javascript感应鼠标图片透明度显示的方法
Feb 24 Javascript
EasyUI 中combotree 默认不能选择父节点的实现方法
Nov 07 Javascript
JavaScript限制在客户区可见范围的拖拽(解决scrollLeft和scrollTop的问题)(2)
May 17 Javascript
vue + webpack如何绕过QQ音乐接口对host的验证详解
Jul 01 Javascript
学习LayUI时自研的表单参数校验框架案例分析
Jul 29 Javascript
Vue仿Bibibili首页的问题
Jan 21 Vue.js
如何在Vue项目中添加接口监听遮罩
Jan 25 Vue.js
移动手机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
如何使用脚本模仿登陆过程
2006/11/22 PHP
windows下apache搭建php开发环境
2015/08/27 PHP
ThinkPHP 3.2.2实现事务操作的方法
2017/05/05 PHP
PHP中类与对象功能、用法实例解读
2020/03/27 PHP
利用js的Node遍历找到repeater的一个字段实例介绍
2013/04/25 Javascript
javascript setinterval 的正确语法如何书写
2014/06/17 Javascript
jquery滚动特效集锦
2015/06/03 Javascript
bootstrap选项卡使用方法解析
2017/01/11 Javascript
Angularjs中date过滤器失效的问题及解决方法
2018/07/06 Javascript
使用jQuery动态设置单选框的选中效果
2018/12/06 jQuery
微信小程序实现页面分享onShareAppMessage
2019/08/12 Javascript
VUE实现Studio管理后台之鼠标拖放改变窗口大小
2020/03/04 Javascript
Python实现备份文件实例
2014/09/16 Python
python实现根据图标提取分类应用程序实例
2014/09/28 Python
为Python的web框架编写MVC配置来使其运行的教程
2015/04/30 Python
使用Python对IP进行转换的一些操作技巧小结
2015/11/09 Python
Python获取当前函数名称方法实例分享
2018/01/18 Python
python安装教程
2018/02/28 Python
python 筛选数据集中列中value长度大于20的数据集方法
2018/06/14 Python
matplotlib给子图添加图例的方法
2018/08/03 Python
Python中staticmethod和classmethod的作用与区别
2018/10/11 Python
几行Python代码爬取3000+上市公司的信息
2019/01/24 Python
ML神器:sklearn的快速使用及入门
2019/07/11 Python
PyQt 图解Qt Designer工具的使用方法
2019/08/06 Python
利用python、tensorflow、opencv、pyqt5实现人脸实时签到系统
2019/09/25 Python
python 实现简易的记事本
2020/11/30 Python
详解python3 GUI刷屏器(附源码)
2021/02/18 Python
深深扎根运动世界的生活品牌:Tillys
2017/10/30 全球购物
windeln官方海外旗舰店:德淘超人气母婴超市
2017/12/15 全球购物
银行批评与自我批评
2014/02/10 职场文书
公司聘任书模板
2014/03/29 职场文书
2015年爱牙日活动总结
2015/02/05 职场文书
教你解决往mysql数据库中存入汉字报错的方法
2021/05/06 MySQL
浅谈由position属性引申的css进阶讨论
2021/05/25 HTML / CSS
新手初学Java List 接口
2021/07/07 Java/Android
Vue全局事件总线你了解吗
2022/02/24 Vue.js