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 相关文章推荐
提高 DHTML 页面性能
Dec 25 Javascript
学习ExtJS TextField常用方法
Oct 07 Javascript
IE图片缓存document.execCommand(&quot;BackgroundImageCache&quot;,false,true)
Mar 01 Javascript
如何实现textarea里的不同文本显示不同颜色
Jan 20 Javascript
jquery获取复选框被选中的值
Mar 22 Javascript
JavaScript实现的圆形浮动标签云效果实例
Aug 06 Javascript
Jquery为DIV添加click事件的简单实例
Jun 02 Javascript
利用node.js如何搭建一个简易的即时响应服务器
May 28 Javascript
Vue 组件间的样式冲突污染
Aug 31 Javascript
详解小程序input框失焦事件在提交事件前的处理
May 05 Javascript
使用Webpack提升Vue.js应用程序的4种方法(翻译)
Oct 09 Javascript
Angular6项目打包优化的实现方法
Dec 15 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 Class&amp;Object -- 解析PHP实现二叉树
2013/06/25 PHP
浅析ThinkPHP中execute和query方法的区别
2014/06/13 PHP
JS实现可改变列宽的table实例
2013/07/02 Javascript
详解JavaScript函数绑定
2013/08/18 Javascript
jquery学习总结(超级详细)
2014/09/04 Javascript
JavaScript使用cookie实现记住账号密码功能
2015/04/27 Javascript
面向切面编程(AOP)的理解
2015/05/01 Javascript
Angular Js文件上传之form-data
2015/08/28 Javascript
js淡入淡出焦点图幻灯片效果代码分享
2015/09/08 Javascript
简单谈谈关于 npm 5.0 的新坑
2017/06/08 Javascript
关于HTML5的data-*自定义属性的总结
2018/05/05 Javascript
vue使用websocket的方法实例分析
2019/06/22 Javascript
Vue 自定义指令实现一键 Copy功能
2019/09/16 Javascript
js实现简单页面全屏
2019/09/17 Javascript
JS document对象简单用法完整示例
2020/01/14 Javascript
Python中正则表达式的详细教程
2015/04/30 Python
Python的MongoDB模块PyMongo操作方法集锦
2016/01/05 Python
Python 装饰器深入理解
2017/03/16 Python
详解python的sorted函数对字典按key排序和按value排序
2018/08/10 Python
从0开始的Python学习014面向对象编程(推荐)
2019/04/02 Python
利用Python进行图像的加法,图像混合(附代码)
2019/07/14 Python
django有外键关系的两张表如何相互查找
2020/02/10 Python
python画环形图的方法
2020/03/25 Python
CSS3之多背景background使用示例
2013/10/18 HTML / CSS
TobyDeals美国:在电子产品上获得最好的优惠和折扣
2019/08/11 全球购物
项目开发计划书
2014/01/09 职场文书
医药学专业大学生职业生涯规划书论文
2014/01/21 职场文书
群众路线教育实践活动心得体会
2014/03/07 职场文书
歌颂祖国的演讲稿
2014/05/04 职场文书
发布会邀请函
2015/01/31 职场文书
售票员岗位职责
2015/02/15 职场文书
初中重阳节活动总结
2015/05/05 职场文书
小学教师见习总结
2015/06/23 职场文书
校园安全教育心得体会
2016/01/15 职场文书
Python爬虫之爬取哔哩哔哩热门视频排行榜
2021/04/28 Python
防止web项目中的SQL注入
2021/12/06 MySQL