JS模拟按钮点击功能的方法
更新时间：2015年12月22日 09:24:44 作者：fengyee_zju
这篇文章主要介绍了JS模拟按钮点击功能的方法,结合实例形式分析了JavaScript模拟点击按钮事件的实现技巧,并附带了JavaScript模拟点击链接的实现方法,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
“撩过”c++的对象，“拿捏”了python的对象，那么今天我们看看javascript中的对象到底是什么，看能不能一次性拿下，不行的话就多来几次，想做“海王”就多物色几门语言的对象，多new几个，最终你会发现都差不多2022-03-03
闭包是js的一个难点也是它的一个特色,是我们必须掌握的js高级特性,下面这篇文章主要给大家介绍了关于JavaScript闭包函数的相关资料,需要的朋友可以参考下2022-10-10
JS解决 Array.fill()参数为对象指向同一个引用地址的问题
这篇文章主要介绍了JS解决 Array.fill()参数为对象指向同一个引用地址问题，解决方案使用map返回出不同的引用的地址，fill参数可随意填写（不为空），主要是map函数中返回的数据,需要的朋友可以参考下2023-02-02
微信小程序如何使用Promise对wx.request()封装详解(附完整代码)
微信小程序的wx.request是微信小程序最早生成的数据库传输模式,数据传输简单明确,下面这篇文章主要给大家介绍了关于微信小程序如何使用Promise对wx.request()封装的相关资料,需要的朋友可以参考下2023-03-03
这篇文章主要介绍了基于JavaScript实现添加到购物车效果附源码下载的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
textbox右键菜单...2006-10-10
完美解决mui框架off-canvas侧滑超出部分隐藏无法滚动的问题
下面小编就为大家分享一篇完美解决mui框架off-canvas侧滑超出部分隐藏无法滚动的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
ES6新特性之类(Class)和继承(Extends)相关概念与用法分析
这篇文章主要介绍了ES6新特性之类(Class)和继承(Extends)相关概念与用法,结合实例形式较为详细的分析了ES6中类(Class)和继承(Extends)的基本概念、语法、使用方法与注意事项,需要的朋友可以参考下2017-05-05
下面小编就为大家带来一篇用JS动态改变表单form里的action值属性的两种方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
微信小程序数据统计,现在有很多的统计方法和统计工具,下面这篇文章主要给大家介绍了关于小程序统计来源信息的方案与具体代码,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2022-09-09
最新评论