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 相关文章推荐
Jsonp 跨域的原理以及Jquery的解决方案
May 18 Javascript
Node.js开发指南中的简单实例(mysql版)
Sep 17 Javascript
js的hasownproperty使用示例
Mar 02 Javascript
JS常用表单验证方法总结
May 22 Javascript
javascript中通过arguments参数伪装方法重载
Oct 08 Javascript
基于JS实现省市联动效果代码分享
Jun 06 Javascript
微信小程序实现拖拽 image 触摸事件监听的实例
Aug 17 Javascript
React Form组件的实现封装杂谈
May 07 Javascript
解决vue中修改了数据但视图无法更新的情况
Aug 27 Javascript
Vue实现底部侧边工具栏的实例代码
Sep 03 Javascript
vue.js 解决v-model让select默认选中不生效的问题
Jul 28 Javascript
vue postcss-px2rem 自适应布局
May 15 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
Php注入点构造代码
2008/06/14 PHP
PHP中iconv函数知识汇总
2015/07/02 PHP
提高php编程效率技巧
2015/08/13 PHP
微信支付开发维权通知实例
2016/07/12 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
jquery.lazyload  实现图片延迟加载jquery插件
2010/02/06 Javascript
基于jquery实现的一个选择中国大学的弹框 (数据、步骤、代码)
2012/07/26 Javascript
按下回车键指向下一个位置的一个函数代码
2014/03/10 Javascript
Nodejs全栈框架StrongLoop推荐
2014/11/09 NodeJs
js QQ客服悬浮效果实现代码
2014/12/12 Javascript
JavaScript中document.forms[0]与getElementByName区别
2015/01/21 Javascript
javascript之Array 数组对象详解
2016/06/07 Javascript
基于jQuery实现的查看全文功能【实用】
2016/12/11 Javascript
基于Vue生产环境部署详解
2017/09/15 Javascript
原生实现一个react-redux的代码示例
2018/06/08 Javascript
深入浅析Vue中的Prop
2018/06/10 Javascript
基于vue2的canvas时钟倒计时组件步骤解析
2018/11/05 Javascript
基于elementUI使用v-model实现经纬度输入的vue组件
2019/05/12 Javascript
JavaScript检测是否开启了控制台(F12调试工具)
2020/10/02 Javascript
[04:50]2019DOTA2高校联赛秋季赛四强集锦
2019/12/27 DOTA
Python的requests网络编程包使用教程
2016/07/11 Python
Scrapy框架CrawlSpiders的介绍以及使用详解
2017/11/29 Python
python 中if else 语句的作用及示例代码
2018/03/05 Python
python使用tkinter库实现五子棋游戏
2019/06/18 Python
python 自定义装饰器实例详解
2019/07/20 Python
Selenium自动化测试工具使用方法汇总
2020/06/12 Python
Pandas对每个分组应用apply函数的实现
2020/12/13 Python
网页切图的CSS和布局经验与要点
2015/04/09 HTML / CSS
CSS3.0实现霓虹灯按钮动画特效的示例代码
2021/01/12 HTML / CSS
AJAX的优缺点都有什么
2015/08/18 面试题
公司晚会策划方案
2014/05/17 职场文书
公证书格式
2015/01/23 职场文书
违纪检讨书
2015/01/27 职场文书
安全生产先进个人总结
2015/02/15 职场文书
合同审查法律意见书
2015/06/04 职场文书
Python办公自动化之教你用Python批量识别发票并录入到Excel表格中
2021/06/26 Python