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 相关文章推荐
node.js中的console.time方法使用说明
Dec 09 Javascript
asp知识整理笔记3(问答模式)
Sep 27 Javascript
JS+CSS实现分类动态选择及移动功能效果代码
Oct 19 Javascript
jQuery.ajax实现根据不同的Content-Type做出不同的响应
Nov 03 Javascript
AngularJS中run方法的巧妙运用
Jan 04 Javascript
JavaScript通过改变文字透明度实现的文字闪烁效果实例
Apr 27 Javascript
js获取一组日期中最近连续的天数
May 25 Javascript
详解最新vue-cli 2.9.1的webpack存在问题
Dec 16 Javascript
详解如何使用babel进行es6文件的编译
May 29 Javascript
解决element-ui中下拉菜单子选项click事件不触发的问题
Aug 22 Javascript
JS实现指定区域的全屏显示功能示例
Apr 25 Javascript
详解Vue template 如何支持多个根结点
Feb 10 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
dede3.1分页文字采集过滤规则详说(图文教程)
2007/04/03 PHP
PHP 事件机制(2)
2011/03/23 PHP
基于Zend的Captcha机制的应用
2013/05/02 PHP
php switch语句多个值匹配同一代码块的实现
2014/03/03 PHP
php生成随机颜色的方法
2014/11/13 PHP
JQuery判断HTML元素是否存在的两种解决方法
2013/12/26 Javascript
浅谈js控制li标签排序问题 js调用php函数的方法
2016/10/16 Javascript
jquery插件treegrid树状表格的使用方法详解(.Net平台)
2017/01/03 Javascript
基于JavaScript实现图片连播和联级菜单实例代码
2017/07/28 Javascript
实例讲解Vue.js中router传参
2018/04/22 Javascript
Vue 动态组件components和v-once指令的实现
2019/08/30 Javascript
[05:16]《大圣!大圣》——DOTA2新英雄齐天大圣配音李世宏老师专访
2016/12/13 DOTA
[00:48]食人魔魔法师至宝“金鹏之幸”全新模型和自定义特效展示
2019/12/19 DOTA
python复制文件的方法实例详解
2015/05/22 Python
使用Python写个小监控
2016/01/27 Python
django加载本地html的方法
2018/05/27 Python
python: 判断tuple、list、dict是否为空的方法
2018/10/22 Python
Python实现的爬取百度贴吧图片功能完整示例
2019/05/10 Python
如何在python中实现随机选择
2019/11/02 Python
Python输出指定字符串的方法
2020/02/06 Python
BeautifulSoup获取指定class样式的div的实现
2020/12/07 Python
python 实现数据库中数据添加、查询与更新的示例代码
2020/12/07 Python
浅谈HTML5 FileReader分布读取文件以及其方法简介
2017/11/09 HTML / CSS
德国大型的家具商店:Pharao24.de
2016/10/02 全球购物
Spartoo葡萄牙鞋类网站:线上销售鞋履与时尚配饰
2017/01/11 全球购物
Hotels.com英国:全球领先的酒店住宿提供商
2019/01/24 全球购物
性能测试工程师的面试题
2015/02/20 面试题
求职信内容考虑哪几点
2013/10/05 职场文书
体育教育个人自荐信范文
2013/12/01 职场文书
上班上网检讨书
2014/01/29 职场文书
刊首寄语大全
2014/04/11 职场文书
村当支部个人对照检查材料思想汇报
2014/10/06 职场文书
工人先进事迹材料
2014/12/26 职场文书
兵马俑的导游词
2015/02/02 职场文书
Spring整合Mybatis的全过程
2021/06/28 Java/Android
Python使用pandas导入xlsx格式的excel文件内容操作代码
2022/12/24 Python