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 按回车键相应按钮提交事件
Nov 02 Javascript
前淘宝前端开发工程师阿当的PPT中有JS技术理念问题
Jan 15 Javascript
jQuery前台数据获取实现代码
Mar 16 Javascript
基于jquery实现的文字向上跑动类似跑马灯的效果
Jun 17 Javascript
微信小程序 生命周期详解
Oct 12 Javascript
jQueryUI Datepicker组件设置日期高亮
Oct 13 Javascript
Vue应用部署到服务器的正确方式
Jul 15 Javascript
jquery 键盘事件的使用方法详解
Sep 13 jQuery
微信小程序中button组件的边框设置的实例详解
Sep 27 Javascript
JavaScript实现异步图像上传功能
Jul 12 Javascript
微信小程序自定义toast弹窗效果的实现代码
Nov 15 Javascript
解决ele ui 表格表头太长问题的实现
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
Breeze 文章管理系统 v1.0.0正式发布
2006/12/14 PHP
php设计模式 DAO(数据访问对象模式)
2011/06/26 PHP
在Ubuntu 14.04上部署 PHP 环境及 WordPress
2014/09/02 PHP
php+mysql大量用户登录解决方案分析
2014/12/29 PHP
PHP生成随机字符串(3种方法)
2015/09/25 PHP
PHP 实现页面静态化的几种方法
2017/07/23 PHP
得到jQuery detach()后节点中的某个值实现代码
2013/02/05 Javascript
js定时器(执行一次、重复执行)
2014/03/07 Javascript
javascript实现滑动解锁功能
2014/12/31 Javascript
jquery+正则实现统一的表单验证
2015/09/20 Javascript
JavaScript+canvas实现七色板效果实例
2016/02/18 Javascript
jQuery 获取遍历获取table中每一个tr中的第一个td的方法
2016/10/05 Javascript
微信小程序 首页制作简单实例
2017/04/07 Javascript
原生JS+Canvas实现五子棋游戏实例
2017/06/19 Javascript
基于JavaScript实现新增内容滚动播放效果附完整代码
2017/08/24 Javascript
详解vue-cli项目中怎么使用mock数据
2018/05/29 Javascript
浅谈webpack 构建性能优化策略小结
2018/06/13 Javascript
微信小程序实现自上而下字幕滚动
2018/07/14 Javascript
JS轮播图的实现方法
2020/08/24 Javascript
js节流防抖应用场景,以及在vue中节流防抖的具体实现操作
2020/09/21 Javascript
vue+node 实现视频在线播放的实例代码
2020/10/19 Javascript
老生常谈Python进阶之装饰器
2017/05/11 Python
python中计算一个列表中连续相同的元素个数方法
2018/06/29 Python
Python面向对象之继承和组合用法实例分析
2018/08/27 Python
对Python 语音识别框架详解
2018/12/24 Python
Python下应用opencv 实现人脸检测功能
2019/10/24 Python
Python requests及aiohttp速度对比代码实例
2020/07/16 Python
python super()函数的基本使用
2020/09/10 Python
python获取linux系统信息的三种方法
2020/10/14 Python
利用Python pandas对Excel进行合并的方法示例
2020/11/04 Python
巧用HTML5给按钮背景设计不同的动画简单实例
2016/08/09 HTML / CSS
全球烹饪课程的领先预订平台:Cookly
2020/01/28 全球购物
表扬信格式
2014/01/12 职场文书
标准离婚协议书范文下载
2014/11/30 职场文书
清洁工工作总结
2015/08/11 职场文书
2016年寒假家长评语
2015/10/10 职场文书