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 相关文章推荐
JavaScript的模块化:封装(闭包),继承(原型) 介绍
Jul 22 Javascript
解析offsetHeight,clientHeight,scrollHeight之间的区别
Nov 20 Javascript
javascript实现英文首字母大写
Apr 23 Javascript
JS实现为排序好的字符串找出重复行的方法
Mar 02 Javascript
Jquery EasyUI Datagrid右键菜单实现方法
Dec 30 Javascript
AngularJS的ng-repeat指令与scope继承关系实例详解
Jan 21 Javascript
JavaScript中双符号的运算详解
Mar 12 Javascript
vue项目常用组件和框架结构介绍
Dec 24 Javascript
解决vue单页使用keep-alive页面返回不刷新的问题
Mar 13 Javascript
更改BootStrap popover的默认样式及popover简单用法
Sep 13 Javascript
vue项目中使用Svg的方法
Oct 24 Javascript
Javascript模块化机制实现原理详解
Apr 02 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让网站移动访问更加友好方法
2019/02/14 PHP
JavaScript高级程序设计 阅读笔记(十八) js跨平台的事件
2012/08/14 Javascript
给html超链接设置事件不使用href来完成跳
2014/04/20 Javascript
JavaScript更改字符串的大小写
2015/05/07 Javascript
DeviceOne 让你一见钟情的App快速开发平台
2016/02/17 Javascript
js中数组结合字符串实现查找(屏蔽广告判断url等)
2016/03/30 Javascript
Angularjs 制作购物车功能实例代码
2016/09/14 Javascript
Bootstrap缩略图与警告框学习使用
2017/02/08 Javascript
使用原生js写ajax实例(推荐)
2017/05/31 Javascript
vue.js实现备忘录功能的方法
2017/07/10 Javascript
详解从零搭建 vue2 vue-router2 webpack3 工程
2017/11/22 Javascript
JavaScript实现的超简单计算器功能示例
2017/12/23 Javascript
Vue项目数据动态过滤实践及实现思路
2018/09/11 Javascript
老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)
2018/09/19 Javascript
vuex+axios+element-ui实现页面请求loading操作示例
2020/02/02 Javascript
原生js实现放大镜组件
2021/01/22 Javascript
高性能web服务器框架Tornado简单实现restful接口及开发实例
2014/07/16 Python
Python数据类型详解(一)字符串
2016/05/08 Python
python批量添加zabbix Screens的两个脚本分享
2017/01/16 Python
python smtplib发送带附件邮件小程序
2018/05/22 Python
浅析Python装饰器以及装饰器模式
2018/05/28 Python
深入flask之异步非堵塞实现代码示例
2018/07/31 Python
在pandas多重索引multiIndex中选定指定索引的行方法
2018/11/16 Python
利用python实现对web服务器的目录探测的方法
2019/02/26 Python
Python实现鼠标自动在屏幕上随机移动功能
2020/03/14 Python
Django项目在pycharm新建的步骤方法
2021/03/02 Python
HTML5本地存储和本地数据库实例详解
2017/09/05 HTML / CSS
HTML5 weui使用笔记
2019/11/21 HTML / CSS
智能家居、吸尘器、滑板车、电动自行车网上购物:Geekmaxi
2021/01/18 全球购物
教师现实表现材料
2014/02/14 职场文书
党员干部公开承诺书
2014/03/26 职场文书
竞选班干部演讲稿300字
2014/08/20 职场文书
我爱家乡演讲稿
2014/09/12 职场文书
作息时间调整通知
2015/04/22 职场文书
小学教学工作总结2015
2015/05/13 职场文书
学习弘扬焦裕禄精神心得体会
2016/01/23 职场文书