JS触发<a>,JS事件模拟

最新推荐文章于 2022-09-10 02:24:43 发布
最新推荐文章于 2022-09-10 02:24:43 发布
阅读量403 收藏 1
点赞数
分类专栏： JS 文章标签： javascript JS事件模拟
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wbxx727124/article/details/50705332
版权 
<pre name="code" class="html">JS触发<a>,JS事件模拟

 

<pre name="code" class="html">

 

</pre><pre name="code" class="html"><!DOCTYPE html>
<html>
<head>
<meta charset="GBK">
<title>Insert title here</title>
</head>
<body>
<input type="button" value="下载" οnclick="ddd()"/>
<a id="12" href="dwo.jsp" style="display: none;">下载</a>
<script type="text/javascript">
	function ddd(){
		var a12=document.getElementById("12");
		var hr = a12.href;
		a12.href = hr+"?aa=abs";
		
		alert(a12.href);
		//禁用原来 a 默认 onclick 事件
		a12.setAttribute("onclick",'');  
		a12.click("return true"); 
		a12.href = hr;
       // window.open(a12.href);
	}
</script>
</body>
</html>
 

 

 


                

        

        

    

  


    

      

        

            

              
                
                  闲书
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    1
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
JavaScript之模拟事件（事件）

				
			

			

				

					但愿人长久 千里共婵娟
				

				

					05-11
					
					1120
					
				

			

		

		

			
				
事件经常由用户操作或通过浏览器功能来触发。同时也可以使用JavaScript来触发特定的事件，这事件如同浏览器的事件一样。

			
		

	



                

              
                



	

		

			

				
					
JS之 触摸事件

				
			

			

				

					Happy Simon
				

				

					01-17
					
					812
					
				

			

		

		

			
				
今天跟大家分享下JS 之 触摸事件的知识。
1 触摸操作概述
浏览器的触摸 API 由三个部分组成。
/- Touch：一个触摸点

TouchList：多个触摸点的集合
TouchEvent：触摸引发的事件实例

Touch接口的实例对象用来表示触摸点（一根手指或者一根触摸笔），包括位置、大小、形状、压力、目标元素等属性。有时，触摸动作由多个触摸点（多根手指）组成，多个触摸点的集合由TouchL...

			
		

	



                


  
              

                


	

		

			

				
					
js事件模拟

				
			

			

				

					harborian的博客
				

				

					10-28
					
					1001
					
				

			

		

		

			
				
1 原始js事件模拟
1.1 模拟鼠标单击事件
模拟鼠标单击"click"事件示例：
var fn = function(){
  console.log('button was clicked'); // 此函数通过事件的方式被调用
}

var btn = document.getElementById('#id');
btn.addEventListener('click', fn);

/...

			
		

	





	

		

			

				
					
js中的事件委托和事件模拟

				
			

			

				

					ruler1112的博客
				

				

					07-29
					
					468
					
				

			

		

		

			
				
* 1.事件委托:
* 利用事件的冒泡在最高层的祖先元素上处理所有事件
* (有利于事件的管理)
* (在document上添加事件处理是最好的,因为在这上面面添加只要元素加载出来就能触发事件
* 不需要等到load或者DOMContentLoaded事件结束)
* document.onclick=function (ev) {
   ev = ev ? ev : window.event;
 

			
		

	



		

			
		



	

		

			

				
					
js事件模拟代码样例

				
			

			

				

					ICode联盟
				

				

					08-21
					
					673
					
				

			

		

		

			
				
var a = $("Apple").get(0);
                        var e = document.createEvent('MouseEvents');
                        e.initEvent( 'click', true, true );
                        a.dispatchEvent(e

			
		

	





	

		

			

				
					
【js】自定义事件与事件模拟

				
			

			

				

					qq_48896417的博客
				

				

					09-10
					
					966
					
				

			

		

		

			
				
自定义事件与事件模拟事件 

			
		

	





	

		

			

				
					
JS-事件

				
			

			

				

					weixin_51077152的博客
				

				

					09-18
					
					315
					
				

			

		

		

			
				
2.1 什么是事件



			
		

	





	

		

			

				
					
使用JS或jQuery模拟鼠标点击a标签事件代码

				
			

			

				

					12-10
				

			

		

		

			
				
 //既触发了a标签的点击事件，又触发了页面跳转 把 “下一步” 改为 “<span id=”spanId”>下一步</span>” 即给A标签中的文字添加一个能被jQuery捕获的元素，然后$(“#spanId”).click()；，才可以触发页面跳转。

			
		

	





	

		

			

				
					
javascript触发模拟鼠标点击事件

				
			

			

				

					10-16
				

			

		

		

			
				
无论是实现基于事件的动画效果、验证用户输入、还是其他依赖于事件触发的场景，了解如何在JavaScript中模拟触发这些事件都是一个非常有用的技能。  通过本文提供的示例和详细说明，相信读者能更好地理解JavaScript中...

			
		

	





	

		

			

				
					
Vue项目 chrome页面崩溃:喔唷 崩溃了, 并出现警告Forced reflow while executing JavaScript took <N>ms

					
热门推荐

				
			

			

				

					携手天下
				

				

					04-01
					
					3万+
					
				

			

		

		

			
				
一、问题描述
这个问题几个月前就曾困扰我，但是因为这个问题的出现看似“很偶然”,所以当时不了了之了。

项目开发的时候，测试同事反馈页面会出现“喔唷 崩溃了”，打开控制台进行相同操作后发现控制台会频繁出现一个警告：
Forced reflow while executing JavaScript took <N>ms


二、问题排查
以前也看到过类似警告，不过没有重视。警告内容很明显...

			
		

	





	

		

			

				
					
<div>截图并且下载所需js文件

				
			

			

				

					09-28
				

			

		

		

			
				
在浏览器中，由于安全限制，直接通过JavaScript下载文件通常是通过创建一个隐藏的`a`标签，然后模拟点击事件来实现。这里有一个基本的方法：  1. 创建一个`a`标签元素，并设置其`href`属性为目标文件URL。 2. 设置`...

			
		

	





	

		

			

				
					
JavaScript模拟触发事件

				
			

			

				

					sinat_38546399的博客
				

				

					09-01
					
					286
					
				

			

		

		

			
				
开发的时候遇到一个需求，点击一个a标签，下载某一个文件，同时记录下载次数。由于需要记录次数，所以不能用直链的方式，需要模拟一个点击事件。上代码
<a href="javascript:void(0);" onclick="downloadImg('图片id','文件类型')">下载图片</a>

function downloadImg(id,type){
	 var url = local_host+"article/exportImg?id="+id+"&type="+t

			
		

	





	

		

			

				
					
js模拟触发事件

				
			

			

				

					weixin_30387799的博客
				

				

					06-22
					
					132
					
				

			

		

		

			
				
window.onload = function () {

    var bot = document.getElementById('bot');
    bot.addEventListener('touchstart', function () {
        alert('touchstart');
    });
    
    creatTouchstart...

			
		

	





	

		

			

				
					
js 模拟触发点击事件

				
			

			

				

					qq_17355709的博客
				

				

					10-27
					
					5069
					
				

			

		

		

			
				
1.vue版本
<el-button size="small" type="primary" ref="import">导入</el-button>
this.$refs.import.$el.click()

jQuery
 $("#a").click(function(){
   $("#b").trigger('click');
 })

javascript
document.getElementById('a').click();




			
		

	





	

		

			

				
					
浅谈JavaScript模拟事件和自定义事件

				
			

			

				

					筱葭的博客
				

				

					03-24
					
					3871
					
				

			

		

		

			
				
1、DOM中的事件模拟
1) DOM中的事件模拟有以下3个步骤：
步骤1：创建事件对象event
可以在document对象上使用createEvent()方法创建event对象，此方法接收一个参数，即要创建的事件类型的字符串。在DOM2级中这些字符串都使用英文复数形式，而在DOM3级中都变成了单数。这个字符串可以是以下几个字符串之一：
①　UIEvents：一般化的UI事件，鼠标事件和键

			
		

	





	

		

			

				
					
原生 JS 模拟点击事件

				
			

			

				

					kayron的博客
				

				

					01-24
					
					1万+
					
				

			

		

		

			
				
访问页面时, 调用 click 事件:
 document.querySelector(class 或 id 等).click();

function clickEvent() {
 // TODO ....

}

			
		

	





	

		

			

				
					
如何用JS代码模拟事件操作

				
			

			

				

					星海拾遗
				

				

					02-07
					
					364
					
				

			

		

		

			
				
通常我们在写JS代码时，如果遇到事件需要触发函数，我们通常要返回网页去触发这个事件，显得逼格很low而且效率不高。

今天发现了一种可以在js代码中模拟事件操作的方法。

前端html代码如下


<button id="btn">点我</button>

很简单的一个id为btn的按钮





JS代码如下


var btn =document.getElemen...

			
		

	





	

		

			

				
					
js原生创建模拟事件和自定义事件的方法

				
			

			

				

					weixin_33851604的博客
				

				

					10-10
					
					231
					
				

			

		

		

			
				



让我万万没想到的是,原来《JavaScript高级程序设计(第3版)》里面提到的方法已经是过时的了.后来我查看了MDN,才找到了最新的方法.


模拟鼠标事件MDN上已经说得很清楚,尽管为了保持向后兼容MouseEvent.initMouseEvent()仍然可用,但是呢,我们应该使用MouseEvent().我们使用如下页面做测试
&lt;!DOCTYPE html&gt;
&lt;htm...

			
		

	





	

		

			

				
					
通过js事件触发<a>标签点击事件

				
			

			

				

					abcdefg367的博客
				

				

					02-08
					
					2704
					
				

			

		

		

			
				









&lt;a href="javascript:void(0)" onclick="test();"&gt;ceshi&lt;/a&gt;





通过网上查找得到： 



01

var comment = document.getElementsByTagName('a')[0];





02

            commen...

			
		

	





	

		

			

				
					
python自动化<i>标签能点击吗

					
最新发布

				
			

			

				

					06-08
				

			

		

		

			
				
如果需要为`<i>`标签添加点击事件，需要将其设置为可点击元素（比如添加`onclick`属性或者设置`<i>`标签为`<a>`标签的子元素等）。  举个例子，如果要使用selenium库实现对`<i>`标签的点击，可以先通过`find_element...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值