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 相关文章推荐
从新浪弄下来的全屏广告代码 与使用说明
Mar 15 Javascript
简单实用的反馈表单无刷新提交带验证
Nov 15 Javascript
javascript 循环调用示例介绍
Nov 20 Javascript
javascript中解析四则运算表达式的算法和示例
Aug 11 Javascript
使用ngView配合AngularJS应用实现动画效果的方法
Jun 19 Javascript
jQuery组件easyui对话框实现代码
Aug 25 Javascript
深入理解javascript中的 “this”
Jan 17 Javascript
Vue列表页渲染优化详解
Jul 24 Javascript
js中split()方法得到的数组长度问题
Jul 19 Javascript
Jquery获取radio选中值实例总结
Jan 17 jQuery
详解微信小程序用定时器实现倒计时效果
Apr 30 Javascript
Vue+Bootstrap收藏(点赞)功能逻辑与具体实现
Oct 22 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中iconv函数使用方法
2008/05/24 PHP
PHP 防恶意刷新实现代码
2010/05/16 PHP
解析PHP中数组元素升序、降序以及重新排序的函数
2013/06/20 PHP
浅谈PHP值mysql操作类
2016/06/29 PHP
PHP中session跨子域的三种实现方法
2016/07/25 PHP
PHP下 Mongodb 连接远程数据库的实例代码
2017/08/30 PHP
基于jquery打造的百分比动态色彩条插件
2012/09/19 Javascript
Extjs NumberField后面加单位实现思路
2013/07/30 Javascript
JS 排序输出实现table行号自增前端动态生成的tr
2014/08/13 Javascript
JS+CSS实现电子商务网站导航模板效果代码
2015/09/10 Javascript
jquery事件的ready()方法使用详解
2015/11/11 Javascript
跟我学习javascript的this关键字
2020/05/28 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
2016/06/20 Javascript
JavaScript常见的五种数组去重的方式
2016/12/15 Javascript
详解AngularJS ui-sref的简单使用
2017/04/24 Javascript
vue系列之动态路由详解【原创】
2017/09/10 Javascript
layui实现文件或图片上传记录
2018/08/28 Javascript
js序列化和反序列化的使用讲解
2019/01/19 Javascript
Angular请求防抖处理第一次请求失效问题
2019/05/17 Javascript
Vue 组件复用多次自定义参数操作
2020/07/27 Javascript
vue中echarts引入中国地图的案例
2020/07/28 Javascript
[29:23]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第一场1
2014/05/23 DOTA
python复制文件代码实现
2013/12/23 Python
pycharm下打开、执行并调试scrapy爬虫程序的方法
2017/11/29 Python
200行python代码实现2048游戏
2019/07/17 Python
python代码 FTP备份交换机配置脚本实例解析
2019/08/01 Python
python中栈的原理及实现方法示例
2019/11/27 Python
pytorch 实现tensor与numpy数组转换
2019/12/27 Python
python 元组的使用方法
2020/06/09 Python
如何解决cmd运行python提示不是内部命令
2020/07/01 Python
HTML5新增加的功能详解
2016/09/05 HTML / CSS
军训考核自我鉴定
2014/02/13 职场文书
研究生就业推荐表导师评语
2014/12/31 职场文书
经典导游欢迎词
2015/01/26 职场文书
Oracle11g R2 安装教程完整版
2021/06/04 Oracle
python如何利用traceback获取详细的异常信息
2021/06/05 Python