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 相关文章推荐
addEventListener和attachEvent二者绑定的执行函数中的this不相同
Dec 09 Javascript
jquery默认校验规则整理
Mar 24 Javascript
jQuery使用之设置元素样式用法实例
Jan 19 Javascript
JavaScript小技巧整理篇(非常全)
Jan 26 Javascript
Bootstrap基本插件学习笔记之轮播幻灯片(23)
Dec 08 Javascript
Node.js中文件操作模块File System的详细介绍
Jan 05 Javascript
javascript遍历json对象的key和任意js对象属性实例
Mar 09 Javascript
vue将时间戳转换成自定义时间格式的方法
Mar 02 Javascript
React如何实现浏览器打印部分内容详析
May 19 Javascript
初试vue-cli使用HBuilderx打包app的坑
Jul 17 Javascript
vue中使用带隐藏文本信息的图片、图片水印的方法
Apr 24 Javascript
详解如何在Javascript中使用Object.freeze()
Oct 18 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实现多图片上传类实例
2014/07/26 PHP
PHP微信红包API接口
2015/12/05 PHP
ThinkPHP项目分组配置方法分析
2016/03/23 PHP
PHP多进程简单实例小结
2019/11/09 PHP
php 命名空间(namespace)原理与用法实例小结
2019/11/13 PHP
js 火狐下取本地路径实现思路
2013/04/02 Javascript
js读写cookie实现一个底部广告浮层效果的两种方法
2013/12/29 Javascript
iframe窗口高度自适应的又一个巧妙实现思路
2014/04/04 Javascript
javascript实现unicode与ASCII相互转换的方法
2015/12/10 Javascript
Node.js项目中调用JavaScript的EJS模板库的方法
2016/03/11 Javascript
JavaScript编写点击查看大图的页面半透明遮罩层效果实例
2016/05/09 Javascript
微信小程序(应用号)开发新闻客户端实例
2016/10/24 Javascript
JS实现列表页面隔行变色效果
2017/03/25 Javascript
vue修改vue项目运行端口号的方法
2017/08/04 Javascript
Angular父组件调用子组件的方法
2018/04/02 Javascript
nodejs实现一个word文档解析器思路详解
2018/08/14 NodeJs
vue写h5页面的方法总结
2019/02/12 Javascript
JavaScript的Proxy可以做哪些有意思的事儿
2019/06/15 Javascript
JavaScript实现左右滚动电影画布
2020/02/06 Javascript
Ant Design Vue table中列超长显示...并加提示语的实例
2020/10/31 Javascript
python实现用户管理系统
2018/01/10 Python
对python多线程与global变量详解
2018/11/09 Python
Python读取csv文件分隔符设置方法
2019/01/14 Python
Python判断对象是否为文件对象(file object)的三种方法示例
2019/04/26 Python
numpy求平均值的维度设定的例子
2019/08/24 Python
Python 带星号(* 或 **)的函数参数详解
2021/02/23 Python
购买美国制造的相框和画框架:Picture Frames
2018/08/14 全球购物
Bitiba意大利:在线宠物商店
2020/10/31 全球购物
技术合作协议书范本
2014/04/18 职场文书
公司副总经理任命书
2014/06/05 职场文书
小区门卫岗位职责范本
2014/08/24 职场文书
庆祝教师节标语
2014/10/09 职场文书
教师批评与自我批评材料
2014/10/16 职场文书
部门2014年度工作总结
2014/11/12 职场文书
写给父母的感谢信
2015/01/22 职场文书
SQL实现LeetCode(176.第二高薪水)
2021/08/04 MySQL