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 相关文章推荐
一个简单的js动画效果代码
Jul 20 Javascript
jQuery ready函数滥用分析
Feb 16 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
Aug 20 Javascript
jquery获取table指定行和列的数据方法(当前选中行、列)
Nov 07 Javascript
JavaScript简单计算人的年龄示例
Apr 15 Javascript
JS异步函数队列功能实例分析
Nov 28 Javascript
Node.js连接Sql Server 2008及数据层封装详解
Aug 27 Javascript
vue插件mescroll.js实现移动端上拉加载和下拉刷新
Mar 07 Javascript
细说Vue组件的服务器端渲染的过程
May 30 Javascript
一步一步实现Vue的响应式(对象观测)
Sep 02 Javascript
js实现无限瀑布流实例方法
Sep 16 Javascript
vue点击Dashboard不同内容 跳转到同一表格的实例
Nov 13 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实现多进程并行执行脚本
2013/06/18 PHP
php通过隐藏表单控件获取到前两个页面的url
2014/09/09 PHP
微信随机生成红包金额算法php版
2016/07/21 PHP
jQuery的运行机制和设计理念分析
2011/04/05 Javascript
JS打印gridview实现原理及代码
2013/02/05 Javascript
javascript数组的使用
2013/03/28 Javascript
动态加载script文件的两种方法
2013/08/15 Javascript
JQuery中$.ajax()方法参数详解及应用
2013/12/12 Javascript
JQuery 控制内容长度超出规定长度显示省略号
2014/05/23 Javascript
jQuery实现图片与文字描述左右滑动自动切换的方法
2015/07/27 Javascript
JSP基于Bootstrap分页显示实例解析
2016/06/12 Javascript
jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法
2016/07/27 Javascript
探索Javascript中this的奥秘
2016/12/11 Javascript
DOM事件探秘篇
2017/02/15 Javascript
AngularJS集合数据遍历显示的实例
2017/12/27 Javascript
node.js使用express框架进行文件上传详解
2019/03/03 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
2019/11/04 Javascript
基于javascript实现贪吃蛇小游戏
2019/11/25 Javascript
JS中FileReader类实现文件上传及时预览功能
2020/03/27 Javascript
[36:09]Secret vs VG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.24
2019/09/10 DOTA
python制作花瓣网美女图片爬虫
2015/10/28 Python
Python利用Beautiful Soup模块修改内容方法示例
2017/03/27 Python
python中的迭代和可迭代对象代码示例
2017/12/27 Python
对Python3.6 IDLE常用快捷键介绍
2018/07/16 Python
使用keras2.0 将Merge层改为函数式
2020/05/23 Python
Tensorflow--取tensorf指定列的操作方式
2020/06/30 Python
python语音识别指南终极版(有这一篇足矣)
2020/09/09 Python
英国舒适型鞋履品牌:FitFlop
2017/05/17 全球购物
顶丰TOPPIK台湾官网:增发纤维假发,告别秃发困扰
2018/06/13 全球购物
植村秀加拿大官网:Shu Uemura加拿大
2019/09/03 全球购物
电焊工工作岗位职责
2014/02/06 职场文书
书香校园活动方案
2014/02/28 职场文书
2016年教代会开幕词
2016/03/04 职场文书
SqlServer数据库远程连接案例教程
2021/07/15 SQL Server
Windows Server 2008 修改远程登录端口以及配置防火墙
2022/04/28 Servers
ECharts transform数据转换和dataZoom在项目中使用
2022/12/24 Javascript