JS模拟按钮点击功能的方法
本文实例讲述了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程序设计有所帮助。
相关推荐
-
js控制按钮,防止频繁点击响应的实例
为了防止频繁点击按钮,可以采用一个策略,点击一次后让按钮灰掉,暂时不可以用,一段时间后再可以用,伪代码如下: var clicktag = 0; $('.a_cc').click(function () { if (clicktag == 0) { clicktag = 1; $(this).addClass("a_bb"); alert('click触发了'); setTimeout(function () { clicktag = 0 }, 5000); } }); 以上这篇js控
-
js控制再次点击按钮之间的间隔时间可防止重复提交
<script type="text/javascript" language="javascript"> var wait = 60; function change() { $o = $("#J_refresh_checkcode"); if(wait == 0) { $o.removeAttr("disabled"); $o.html("看不清?换一张"); wait = 60; } el
-
防止按钮在短时间内被多次点击的方法
如果一个按钮可以在短时间内多次点击,那么有可能会被用户恶意点击,为防止这种情况,可以设定一定时间内只能点击一次,其他时间禁止点击按钮. 代码如下: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Js定时事件</title> <script src="js/jquery-1.9.1.j
-
JS控制按钮10秒钟后可用的方法
本文实例讲述了JS控制按钮10秒钟后可用的方法.分享给大家供大家参考,具体如下: <script language="javascript"> function start() { document.getElementById("Button1").disabled = true; document.getElementById("Button1").value = 10; window.setTimeout("tick(
-
js控制当再次点击按钮时的间隔时间
复制代码 代码如下: <script type="text/javascript" language="javascript"> var wait = 60; function change() { $o = $("#J_refresh_checkcode"); if(wait == 0) { $o.removeAttr("disabled"); $o.html("看不清?换一张"); wait
-
JS模拟按钮点击功能的方法
本文实例讲述了JS模拟按钮点击功能的方法.分享给大家供大家参考,具体如下: <html> <head> <title>usually function</title> </head> <script> function load(){ //下面两种方法效果是一样的 document.getElementById("target").onclick(); document.getElementById("t
-
JS简单模拟触发按钮点击功能的方法
本文实例讲述了JS简单模拟触发按钮点击功能的方法.分享给大家供大家参考,具体如下: <html> <head> <title>usually function</title> </head> <script> function load(){ //下面两种方法效果是一样的 document.getElementById("target").onclick(); document.getElementById(&qu
-
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
本文实例讲述了JS实现的倒计时恢复按钮点击功能.分享给大家供大家参考,具体如下: 倒计时时间到后,恢复按钮点击,常用于阅读协议: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>www.jb51.net 阅读协议倒计时</title> <script> var tim=9; function aaa(){ var btnn=docu
-
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
实例如下: document.onkeydown = function (e) { if (!e) e = window.event; if ((e.keyCode || e.which) == 13) { var obtnLogin = document.getElementById("submit_btn"); //submit_btn为按钮ID obtnLogin.focus(); fun();//提交按钮触发的方法 } } 以上这篇JS判断键盘是否按的回车键并触发指定按钮点击操
-
纯js模拟div层弹性运动的方法
本文实例讲述了纯js模拟div层弹性运动的方法.分享给大家供大家参考.具体如下: 特性: 1. 支持各项常数自定义 2. 理论支持所有元素,只需修改style.width,你懂得 3. 已知支持浏览器:chrome/firefox/IE7.8.9 <html> <head> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> <script type="te
-
JS模拟浏览器实现全局搜索功能
需要像浏览器的全局搜索一样,搜索指定模块的对应值,然后将匹配到的内容添加背景颜色等. 思路 需要取到当前指定区域的所有内容 然后在取到的内容中找到搜索的内容加上对应的背景颜色 最后在将修改后的内容渲染到页面上 实现 利用innerHTML取到对应模块的内容 编写对应的正则表达式来匹配搜索的内容 利用String.prototype.replace替换匹配到的内容 最后在渲染到页面上 代码实现: let wrap = document.querySelector('.wrap'); let inn
-
asp.net js模拟Button点击事件
复制代码 代码如下: <script type="text/javascript"> ///模拟按钮点击事件,插入数据 function addTmpDataApp() { document.<%=formCC.ClientID %>.<%=btnjh.ClientID %>.click(); } </script> 这有时候是无法执行模拟点击的. 需要加上一句代码就可以了. 复制代码 代码如下: <script type=&quo
-
Java模拟QQ桌面截图功能实现方法
本文实例讲述了Java模拟QQ桌面截图功能实现方法.分享给大家供大家参考.具体如下: QQ的桌面截图功能非常方便,去年曾用Java模拟过一个,现整理出来. 本方法首先需要抓到屏幕的整个图象,将图象显示在一个JFrame中,再将JFrame全屏显示,这样就模拟出了一个桌面,Java也就可以获得鼠标的作用区域从而实现桌面中的小范围截屏. import javax.swing.*; import java.awt.*; import java.awt.event.ActionEvent; import
-
JS模拟实现ECMAScript5新增的数组方法
ECMAScript5 新增了十个数组方法,这些方法只有在ie9及以上浏览器中可以被使用,下面是对于这些方法的模拟实现. 一.Array.isArray(element) 该方法用于判断传入的对象是否为数组类型,返回true和false. Array.newIsArray = function(element){ return Object.prototype.toString.call(element).slice(8,-1).toLocaleLowerCase() === 'array';
-
java处理按钮点击事件的方法
不同的事件源可以产生不同类别的事件.例如,按钮可以发送一个ActionEvent对象,而窗口可以发送WindowEvent对象. AWT时间处理机制的概要: 1. 监听器对象是一个实现了特定监听器接口(listener interface)的类的实例. 2. 事件源是一个能够注册监听器对象并发送事件对象的对象. 3. 当事件发生时,事件源将事件对象传递给所有注册的监听器. 4. 监听器对象将利用事件对象中的信息决定如何对事件做出响应. 下面是监听器的一个示例: ActionListener li
随机推荐
- 使用Bootrap和Vue实现仿百度搜索功能
- ListView 百分比进度条(delphi版)
- Java处理日期时间的方法汇总
- 删除无限分类并同时删除它下面的所有子分类的方法
- 正则表达式 应用四则
- Android的Touch事件处理机制介绍
- Docker使用自定义网桥
- php中删除字符串中最先出现某个字符的实现代码
- C# DataTable的详细用法分享
- linux 查找大目录和大文件的方法(推荐)
- Android编程调节屏幕亮度(背景灯)及保持背景灯常亮的方法
- Java微信公众平台开发(14) 微信web开发者工具使用
- jqurey+Jscex打造游戏力度条
- linux corosync+pacemaker+drbd+mysql配置安装详解
- Ubuntu上安装Nginx服务器程序及简单的环境配置小结
- linux更改目录显示颜色实例详解
- 基于Java中的数值和集合详解
- 12种不宜使用的Javascript语法整理
- Android开发入门之Appwidget用法分析
- Java发展史之Java由来