JS模拟按钮点击功能的方法


Posted in Javascript onDecember 22, 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模拟鼠标点击a便签的例子

这里先获取a标签元素,然后后面.click()即可.

代码如下:

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
<a href="这里是a标签的路径">这里是a标签的名称</a>
<button onclick="fn()">点击打开a标签</button>
<script>
  var a = document.getElementsByTagName('a')[0];
  function fn(){
    a.click();
  }
</script>
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
再谈ie和firefox下的document.all属性
Oct 21 Javascript
JavaScript setTimeout和setInterval的使用方法 说明
Mar 25 Javascript
javascript多种数据类型表格排序代码分析
Sep 11 Javascript
从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件
Feb 23 Javascript
你必须知道的Javascript知识点之&quot;单线程事件驱动&quot;的使用
Apr 23 Javascript
BootStrap实现带有增删改查功能的表格(DEMO详解)
Oct 26 Javascript
jQuery EasyUI中的日期控件DateBox修改方法
Nov 09 Javascript
JavaScript的兼容性与调试技巧
Nov 22 Javascript
详解JavaScript 中getElementsByName在IE中的注意事项
Feb 21 Javascript
微信小程序分享海报生成的实现方法
Dec 10 Javascript
微信小程序实现比较功能的方法汇总(五种方法)
Mar 07 Javascript
原生JavaScript实现进度条
Feb 19 Javascript
jquery插件jquery.confirm弹出确认消息
Dec 22 #Javascript
js实现仿微博滚动显示信息的效果
Dec 21 #Javascript
Javascript实现Array和String互转换的方法
Dec 21 #Javascript
图解Sublime Text3使用技巧
Dec 21 #Javascript
七个不允许错过的jQuery小技巧
Dec 21 #Javascript
jQuery焦点图插件SaySlide
Dec 21 #Javascript
Flow之一个新的Javascript静态类型检查器
Dec 21 #Javascript
You might like
JavaScript Event学习补遗 addEventSimple
2010/02/11 Javascript
JS 无限级 Select效果实现代码(json格式)
2011/08/30 Javascript
jquery 倒计时效果实现秒杀思路
2013/09/11 Javascript
JavaScript获取网页表单提交方式的方法
2015/04/02 Javascript
在Javascript中处理字符串之big()方法的使用
2015/06/08 Javascript
js操作table元素实现表格行列新增、删除技巧总结
2015/11/18 Javascript
jQuery基础的工厂函数以及定时器的经典实例分析
2016/05/20 Javascript
Jquery AJAX POST与GET之间的区别详细介绍
2016/10/17 Javascript
JS给Array添加是否包含字符串的简单方法
2016/10/29 Javascript
bootstrap可编辑下拉框jquery.editable-select
2017/10/12 jQuery
React Native中Navigator的使用方法示例
2017/10/13 Javascript
Vue.js做select下拉列表的实例(ul-li标签仿select标签)
2018/03/02 Javascript
使用canvas实现一个vue弹幕组件功能
2018/11/30 Javascript
Angular8路由守卫原理和使用方法
2019/08/29 Javascript
Vue 实现创建全局组件,并且使用Vue.use() 载入方式
2020/08/11 Javascript
jQuery实现简单全选框
2020/09/13 jQuery
Vue如何跨组件传递Slot的实现
2020/12/14 Vue.js
Python中的lstrip()方法使用简介
2015/05/19 Python
Python地图绘制实操详解
2019/03/04 Python
jenkins配置python脚本定时任务过程图解
2019/10/29 Python
利用python实现平稳时间序列的建模方式
2020/06/03 Python
Python爬虫设置ip代理过程解析
2020/07/20 Python
日本热销NO.1胶原蛋白冻:Aishitoto爱希特多
2019/06/20 全球购物
迪奥美国官网:Dior美国
2019/12/07 全球购物
英国顶尖手表珠宝品牌独家授权经销商:HS Johnson
2020/10/28 全球购物
Ajax的优点和缺点
2014/11/21 面试题
两道JAVA笔试题
2016/09/14 面试题
营销与策划个人求职信
2013/09/22 职场文书
广告学专业推荐信范文
2013/11/23 职场文书
出纳岗位职责范本
2013/12/01 职场文书
大学四年学习的自我评价分享
2013/12/09 职场文书
八项规定整改方案
2014/02/21 职场文书
大学自主招生推荐信
2014/05/10 职场文书
节能环保演讲稿
2014/08/28 职场文书
文明单位汇报材料
2014/12/24 职场文书
Python中Schedule模块使用详解 周期任务神器
2022/04/19 Python