精华内容
下载资源
问答
  • 主要介绍了JavaScript代码模拟鼠标自动点击事件示例,文章通过示例代码和运行效果图介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 进入页面自动执行点击事件,跳转的有些快,注意看那一瞬间的变化! <html lang="en"> <head> <meta charset="UTF-8"> , initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> 测试title>...

    进入页面自动执行点击事件,跳转的有些快,注意看那一瞬间的变化!

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
    	<meta charset="UTF-8">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<meta http-equiv="X-UA-Compatible" content="ie=edge">
    	<title>测试</title>
    </head>
    
    <body>
    
    	<a id="aid" href="https://blog.csdn.net/qq_42618566" οnclick="alert('clicked');">触发onclick</a>
    
    	
    	<script>
    		// 进入页面立即触发
    		(()=>{
    			// 兼容IE
    		    if(document.all) {
    		        document.getElementById("aid").click();
    		    }
    		    // 兼容其它浏览器
    		    else {
    		        var e = document.createEvent("MouseEvents");
    		        e.initEvent("click", true, true);
    		        document.getElementById("aid").dispatchEvent(e);
    		    }
    		})();
    
    
    	/*	// 也可写个定时器进行触发
    		setTimeout(()=>{
    			// 兼容IE
    		    if(document.all) {
    		        document.getElementById("aid").click();
    		    }
    		    // 兼容其它浏览器
    		    else {
    		        var e = document.createEvent("MouseEvents");
    		        e.initEvent("click", true, true);
    		        document.getElementById("aid").dispatchEvent(e);
    		    }
    		},3000); // 3秒后执行	*/
    	</script>
    </body>
    
    </html>
    

    立即执行:
    js 进入一个页面自动执行触发点击事件

    定时执行:
    js 进入一个页面自动执行触发点击事件

    展开全文
  • js自动触发点击事件

    千次阅读 2020-08-18 10:23:28
    js自动触发点击事件 // 进入页面立即触发 (()=>{ // 兼容IE if(document.all) { document.getElementById("aid").click(); } // 兼容其它浏览器 else { var e = document.createEvent(...

    js自动触发点击事件

    //  进入页面立即触发
    		(()=>{
    			//  兼容IE
    		    if(document.all) {
    		        document.getElementById("aid").click();
    		    }
    		    //  兼容其它浏览器
    		    else {
    		        var e = document.createEvent("MouseEvents");
    		        e.initEvent("click", true, true);
    		        document.getElementById("aid").dispatchEvent(e);
    		    }
    		})();
    
    
    //  三秒后模拟点击
    setTimeout(function() {
        //  IE浏览器
        if(document.all) {
            document.getElementById("clickMe").click();
        }
        //  其它浏览器
        else {
            var e = document.createEvent("MouseEvents");
            e.initEvent("click", true, true);
            document.getElementById("btn").dispatchEvent(e);
        }
    }, 3000);
    

    以下来自 https://blog.csdn.net/bellediao/article/details/105972387

    1、自动点击
    //自动点击的方法 clickId 点击事件的id属性值 字符串类型

    function autoClick(clickId) {
        // IE
        if (document.all) {
            document.getElementById(clickId).click();
        }
        // 其它浏览器
        else {
            var e = document.createEvent("MouseEvents");
            e.initEvent("click", true, true);
            document.getElementById(clickId).dispatchEvent(e);
        }
    }
    

    document.all是什么?
    document.all是IE 4.0及以上版本的专有属性,是一个表示当前文档的所有对象的数组,不仅包括页面上可见的实体对象,还包括一些不可见的对象,如html对象等等。all[] 已经被 Document 接口的标准的 getElementByid() 方法和 getElementsByTagName() 方法以及 Document 对象的 getElementsByName() 方法所取代。尽管如此,这个 all[] 数组在已有的代码中仍然使用。

    document.all的三个作用:
    1、根据下标取元素:

    语法: document.all[index];

    index:要取的下标。

    document.all(0)表示页面内第一个元素。

    2、 根据 name/id 取元素。

    语法: document.all(“name/id” , index)

    第二个参数index,可选。index表示如果有多个相同的name/id,取name/id集合中的第几个。当然id不应该重复。通过给某个元素设置id属性(id=aaaa),然后用document.all.aaaa调用该元素。

    在document.all数组里面,元素不分层次,是按照其在文档中出现的先后顺序,平行地罗列的。所以可以用数字索引来引用到任何一个元素。但比较常用的是用对象id来引用一个特定的对象,比如document.all[“element”]这样。

    document.layers是Netscape 4.x专有的属性,是一个代表所有由储如

    等定位了的元素的数组。通常也是用
    或对象的id属性来引用的,但是这里面不包含除此以外的其它元素。新的统一的标准用document.getElementById等系列方法来引用DOM对象,而且Netscape 6.0以后放弃了layers特征,虽然IE继续保留了document.all,但这最终没有成为DOM标准的一部分。

    3、document.all可以判断浏览器是否是IE

    if(document.all){ alert(“is IE!”); }

    2、使用定时器 setInterval() 方法实现按钮自动触发onclick事件
    默认已点击,可以在加载网页的时候使用 onload 方法实现一次点击。

    以下例子,实现网页打开时默认弹出弹窗,在关闭弹窗后,每2秒钟自动点击一次弹出弹窗,完整的代码如下:

    <!doctype html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>自动点击例子</title>
    </head>
    <body onload="alert('这是默认点击弹窗')">
        <script type="text/javascript">
            setInterval(function () {
                if (document.all) {
                    document.getElementById("buttonid").click();
                }
                else {
                    var e = document.createEvent("MouseEvents");
                    e.initEvent("click", true, true);
                    document.getElementById("buttonid").dispatchEvent(e);
                }
            }, 2000);
        </script>
        <input id="buttonid" type="button" value="按钮" onclick="alert('这是自动点击弹窗')" />
        <style type="text/css">
            input {
                background: red;
                color: #fff;
                padding: 10px;
                margin: 20px;
            }
        </style>
    </body>
    </html>
    

    3、JQuery自动触发事件的方法。具体如下:
    常用模拟
    有时候,需要通过模拟用户操作,来达到单击的效果。例如在用户进入页面后,就触发click事件,而不需要用户去主动单击。

    在JQuery中,可以使用trigger()方法完成模拟操作。例如可以使用下面的代码来触发id为btn的按钮的click事件。

    $(’#btn’).trigger(“click”);

    这样,当页面加载完毕后,就会立刻输出想要的效果。也可以直接简写click(),来达到同样的效果:

    $(’#btn’).click();

    触发自定义事件
    trigger()方法不仅能触发浏览器支持的具有相同名称的事件,也可以触发自定义名称的事件。例如为元素绑定一个“myClick”的事件,JQuery代码如下:

    $('#btn').bind("myClick", function(){
     
      $('#test').append("<p>我的自定义事件.</p>");
     
    });
    

    //要触发这个事件,可以使用以下代码来实现:

    $(’#btn’).trigger(“myClick”);
    传递数据–trigger(type [,data])

    trigger(type[,data])方法有两个参数,第1个参数是要触发的事件类型,第2个参数是要传递给事件处理函数的附加数据,以数组形式传递。通常可以通过传递一个参数给回调函数来区别这次事件是代码触发的还是用户触发的。

    下面是一个传递数据的例子:

    $(function(){
     
     $('#btn').bind("myClick", function(event, message1, message2){
     
         $('#test').append( "<p>"+message1 + message2 +"</p>");
     
     });
     
     $('#btn').click(function(){
     
      $(this).trigger("myClick",["我的自定义","事件"]);
     
     }).trigger("myClick",["我的自定义","事件"]);
     
    })
    

    执行默认操作

    trigger()方法触发事件后,会执行浏览器默认操作。例如:

    $(“input”).trigger(“focus”);

    以上代码不仅会触发为元素绑定的focus事件,也会使元素本身得到焦点(这是浏览器的默认操作)。

    如果只想触发绑定的focus事件,而不想执行浏览器默认操作,

    可以使用jQuery中另一个类似的方法——triggerHandler()方法。

    $(“input”).triggerHandler(“focus”);
    该方法会触发元素上绑定的特定事件,同时取消浏览器对此事件的默认操作,即文本框只触发绑定的focus事件,不会得到焦点。

    展开全文
  • <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title>...script type="text/javascript"> setTimeout(()=>{ // 兼容.
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    		<button id="d1">你好</button>
    		<script type="text/javascript">
    			
    		setTimeout(()=>{
    			// 兼容IE
    			btn.onclick = function(){
    				console.log("d1");
    			}
    		    if(document.all) {
    		        document.getElementById("d1").click();
    		    }
    		    // 兼容其它浏览器
    		    else {
    		        var e = document.createEvent("MouseEvents");
    		        e.initEvent("click", true, true);
    		        document.getElementById("d1").dispatchEvent(e);
    		    }
    		},3000); // 3秒后执行	*/
    
    		</script>
    	</body>
    </html>
    

     

    展开全文
  • 今天小编就为大家分享一篇解决Js先触发失去焦点事件执行点击事件的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • text/javascript"&gt; // 两秒后模拟点击 setTimeout(function() { // IE if(document.all) { document.getElementById("clickMe").click(); } // 其它浏览器 else { va...
     <script type="text/javascript">
    // 两秒后模拟点击
    setTimeout(function() {
        // IE
        if(document.all) {
            document.getElementById("clickMe").click();
        }
        // 其它浏览器
        else {
            var e = document.createEvent("MouseEvents");
            e.initEvent("click", true, true);
            document.getElementById("clickMe").dispatchEvent(e);
        }
    }, 2000);
    </script>
      
    <a href="http://www.sinmeng.net" id="clickMe" onclick="alert('clicked');">触发onclick</a>

     

    展开全文
  • JavaScript自动触发事件

    万次阅读 2019-02-17 11:05:46
    比如,一个按钮的点击事件,不要点击它,而让它自动执行。 首先定义事件,先按照传统的 onclick 方式来。(这里以点击某个标签事件为梨) var xx = document.getElementById("xx"); xx.onclick = function(){ ...
  • 在有些情况下,我们需要程序逻辑自动触发元素的事件,例如js提供了click(), form提供了reset(),submit()等方法!在jquery中提供了trigger()方法帮助我们自动触发事件,原理是什么呢?接下来让我们一探究竟! 一、...
  • 本篇文章主要教给大家如何用JS写一些商城中秒杀等自动点击功能,有这方面需要的朋友赶快学习下思路吧。
  • 原生js自动触发事件

    2019-11-13 15:06:27
    熟悉jquery的童鞋都知道在jq中有一个方法可以自动触发事件,那就是trigger(),那么通过原生js又怎么模拟触发呢? js中添加一个主动触发事件的方法有dispatch。该方法能模拟用户行为,如点击(click)操作等。 ...
  • ![图片说明]... 页面自动执行点击事件,执行后台方法,然后再点击的时候,不调用后台方法了,直接跳到首页,为什么? ![图片说明](https://img-ask.csdn.net/upload/201804/11/1523445651_324231.png)
  • 用jquery的时候你会发现,页面渲染后动态生成的dom,在生成之前的代码是没办法取到相应对象的,必须重新获取.但是vue基于数据绑定的特性让它能生成的时候直接绑定数据。 ... ...input type=text v-model=item.val ...
  • 这里我的按钮是jsp中的一个标签写的,下面是定时两秒默认点击,当然,想直接默认点击的话就直接把方法里面的毫秒值2000删除就可以了,也可以自行设置毫秒值进行定时。 // 两秒后模拟点击setTimeout(function() { // ...
  • js事件自动触发

    千次阅读 2019-07-29 16:27:40
    有些时候会遇到网页加载完成自动执行事件的情况,这里以点击事件为例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=...
  • JS自动触发onclick事件

    千次阅读 2020-04-04 21:40:07
    <div id="btn" οnclick="tip('弹窗')">...script type="text/javascript"> function tip (msg){ alert(msg); } // 三秒后模拟点击 setTimeout(function() { // IE浏览器 if(docume...
  • text/javascript"&gt; //一秒后模拟点击 setTimeout(function() { // IE if(document.all) { document.getElementById("parentIframe").click(); } // 其它浏览器 else { var e...
  • 今天在工作的时候发现一个问题,定义的点击事件触发的函数在页面加载的时候就会自动执行。我的js代码是这样定义的: function clickPicToArt() { ....... } $("#imgId").click(clickPicToArt()); 后来...
  • js自动点击button执行onclick操作

    千次阅读 2019-04-08 20:08:30
    script type="text/javascript"> //一秒后模拟点击 setTimeout(function() { // IE if(document.all) { document.getElementById("parentIframe").click(); } // 其它浏览器 else { var e = ...
  • js定时点击事件实现

    千次阅读 2019-03-09 11:53:11
    1)无限循环点击,20毫秒执行一次 setInterval(function(){ $(&quot;#submit&quot;).click(); }, 20); 1)定时点击2000毫秒后执行一次 setTimeout(function(){ $(&quot;#submit&quot;).click...
  • onload 事件会在页面或图像加载完成后立即发生。 onload 通常用于 <body> 元素,在页面完全载入后(包括图片、css文件等等。)执行脚本代码。 代码如下: <!DOCTYPE html> <html> <head> ...
  • 网页自动点击脚本

    2019-07-05 13:12:25
    可以任意设定未来开始执行时间点和重复执行的时间间隔,此demo有直播点赞飘心的动画来演示效果。
  • 此处又体现出了谷歌和火狐的区别 var aaaa = "data:text/csv;charset=utf-8,\ufeff" + str; var link = document.createElement("a"); link.setAttribute("href", aaaa); var timestamp = (new Date()).valueOf...
  • js实现自动点击

    千次阅读 2020-03-18 14:27:22
    实现自动点击前提是这个元素有自动点击事件 1.JS 实现自动点击 varoDiv=document.getElementById('div');//获取元素div oDiv.onclick=function(){/...//执行点击事件,这样就模拟出了自动执行点击事件 2.JQ 实现...
  • 定时器 setInterval(function() { //手动调用点击事件,这个事件太尼玛好用了!!!!就是模拟人去手动点击,然后配合定时器就行了 spa_right.click(); }, 2000); ...
  • 在有些情况下,我们需要程序逻辑自动触发元素的事件,例如js提供了click(),form提供了reset(),submit()等方法!在jquery中提供了trigger()方法帮助我们自动触发事件。还有就是为了满足特定的需求,比如模块之间的...
  • js自动触发事件&&自定义事件 Event

    千次阅读 2019-08-29 09:22:34
    在有些情况下,我们需要程序逻辑自动触发元素的事件,例如js提供了click(),form提供了reset(),submit()等方法!在jquery中提供了trigger()方法帮助我们自动触发事件,原理是什么呢?接下来让我们一探究竟! 一、...
  • js模拟点击事件

    万次阅读 2017-09-25 00:39:35
    这个时候就需要在页面加载后就自动触发第一个点击事件这样后面的联动才能在网页中显示出来。 在js当中可以使用 trigger方法$("selector").trigger("click");比如在我的代码中我先给这个ul 里面的li 添加了点击事件...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 216,950
精华内容 86,780
关键字:

js自动执行点击事件