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 window.opener返回父页面的应用
Oct 24 Javascript
工作中常用到的JS表单验证代码(包括例子)
Nov 11 Javascript
JavaScript利用正则表达式去除日期中的-
Jun 09 Javascript
Jquery Post处理后不进入回调的原因及解决方法
Jul 15 Javascript
firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误
Mar 01 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
Dec 28 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
Dec 30 Javascript
JavaScript之promise_动力节点Java学院整理
Jul 03 Javascript
Vue中的Vux配置指南
Dec 08 Javascript
用WebStorm进行Angularjs 2开发(环境篇:Windows 10,Angular-cli方式)
Dec 05 Javascript
Node.js + express实现上传大文件的方法分析【图片、文本文件】
Mar 14 Javascript
layui实现数据表格自定义数据项
Oct 26 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
DC最新动画电影:《战争之子》为何内容偏激,毁了一个不错的漫画
2020/04/09 欧美动漫
数据库查询记录php 多行多列显示
2009/08/15 PHP
PHP延迟静态绑定示例分享
2014/06/22 PHP
php使用COPY函数更新配置文件的方法
2015/06/18 PHP
PHP自毁程序(慎用)
2015/07/09 PHP
PHP+AJAX 投票器功能
2017/11/11 PHP
PHP学习笔记之session
2018/05/06 PHP
PHP使用Redis实现Session共享的实现示例
2019/05/12 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
Yii redis集合的基本使用教程
2020/06/14 PHP
JS 自动完成 AutoComplete(Ajax 查询)
2009/07/07 Javascript
JavaScript Konami Code 实现代码
2009/07/29 Javascript
JQuery实现的购物车功能(可以减少或者添加商品并自动计算价格)
2015/01/13 Javascript
javascript转换日期字符串为Date日期对象的方法
2015/02/13 Javascript
在React框架中实现一些AngularJS中ng指令的例子
2016/03/06 Javascript
js中获取时间new Date()的全面介绍
2016/06/20 Javascript
Ubuntu系统下Angularjs开发环境安装
2016/09/01 Javascript
Javascript中作用域的详细介绍
2016/10/06 Javascript
js利用appendChild对标签进行排序的实现方法
2016/10/16 Javascript
ajax级联菜单实现方法实例分析
2016/11/28 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
2016/12/07 Javascript
JS+canvas实现的五子棋游戏【人机大战版】
2017/07/19 Javascript
详解Vue-Cli 异步加载数据的一些注意点
2017/08/12 Javascript
编写React组件项目实践分析
2018/03/04 Javascript
Webpack4+Babel7+ES6兼容IE8的实现
2019/04/10 Javascript
详解小程序开发经验:多页面数据同步
2019/05/18 Javascript
在vue和element-ui的table中实现分页复选功能
2019/12/04 Javascript
jQuery 添加元素和删除元素的方法
2020/07/15 jQuery
Python和GO语言实现的消息摘要算法示例
2015/03/10 Python
Python脚本暴力破解栅栏密码
2015/10/19 Python
Python对象中__del__方法起作用的条件详解
2018/11/01 Python
Python对Tornado请求与响应的数据处理
2020/02/12 Python
基于PyTorch的permute和reshape/view的区别介绍
2020/06/18 Python
公积金接收函格式
2015/01/30 职场文书
MySQL Innodb索引机制详细介绍
2021/11/23 MySQL
win10频率超出范围怎么办?win10老显示超出工作频率范围的解决方法
2022/07/07 数码科技