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 相关文章推荐
jscript之List Excel Color Values
Jun 13 Javascript
基于jquery用于查询操作的实现代码
May 10 Javascript
javascript圆盘抽奖程序实现原理和完整代码例子
Jun 03 Javascript
jquery修改网页背景颜色通过css方法实现
Jun 06 Javascript
JavaScript中Function()函数的使用教程
Jun 04 Javascript
jQuery对象与DOM对象转换方法详解
May 10 Javascript
jQuery绑定自定义事件的魔法升级版
Jun 30 Javascript
javascript 实现动态侧边栏实例详解
Nov 11 Javascript
使用AngularJS对表单提交内容进行验证的操作方法
Jul 12 Javascript
js截取字符串功能的实现方法
Sep 27 Javascript
关于laydate.js加载laydate.css路径错误问题解决
Dec 27 Javascript
vue-cli 目录结构详细讲解总结
Jan 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中Static(静态)关键字功能与用法实例分析
2019/04/05 PHP
js实现iframe动态调整高度的代码
2008/01/06 Javascript
jquery遍历筛选数组的几种方法和遍历解析json对象
2013/12/13 Javascript
jquery实现保存已选用户
2014/07/21 Javascript
jQuery ajax分页插件实例代码
2016/01/27 Javascript
Angular中使用ui router实现系统权限控制及开发遇到问题
2016/09/23 Javascript
JavaScript之Vue.js【入门基础】
2016/12/06 Javascript
十大热门的JavaScript框架和库
2017/03/21 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
2017/04/19 Javascript
关于Bootstrap按钮组件消除黄框的方法
2017/05/19 Javascript
Node.js readline 逐行读取、写入文件内容的示例
2018/03/01 Javascript
Vue $mount实战之实现消息弹窗组件
2019/04/22 Javascript
jQuery+PHP+Ajax实现动态数字统计展示功能
2019/12/25 jQuery
JavaScript运动原理基础知识详解
2020/04/02 Javascript
uniapp,微信小程序中使用 MQTT的问题
2020/07/11 Javascript
[49:35]LGD vs OG 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
Python实现的一个简单LRU cache
2014/09/26 Python
python3中int(整型)的使用教程
2017/03/23 Python
tf.truncated_normal与tf.random_normal的详细用法
2018/03/05 Python
利用Django模版生成树状结构实例代码
2019/05/19 Python
Python产生一个数值范围内的不重复的随机数的实现方法
2019/08/21 Python
Python3从零开始搭建一个语音对话机器人的实现
2019/08/23 Python
python入门之基础语法学习笔记
2020/02/08 Python
Python数据可视化实现多种图例代码详解
2020/07/14 Python
Python如何使用vars返回对象的属性列表
2020/10/17 Python
五分钟学会怎么用Pygame做一个简单的贪吃蛇
2021/01/06 Python
Net-A-Porter美国官网:全球时尚奢侈品名站
2017/02/11 全球购物
应用艺术专业个人的自我评价
2014/01/03 职场文书
大学毕业感言一句话
2014/02/06 职场文书
2014年党课学习心得体会
2014/07/08 职场文书
革命英雄事迹演讲稿
2014/09/13 职场文书
销售员自我评价
2015/03/11 职场文书
员工开除通知书
2015/04/25 职场文书
教你如何用python开发一款数字推盘小游戏
2021/04/14 Python
浅谈什么是SpringBoot异常处理自动配置的原理
2021/06/21 Java/Android
Python正则表达式中flags参数的实例详解
2022/04/01 Python