首页 > Web开发 > 详细

原生js事件的绑定解绑

时间:2019-10-31 12:08:25      阅读:73      评论:0      收藏:0      [点我收藏+]

 

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<button class="btn">按钮</button>
		
		
		<script>
			var i=0;
			var btn=document.querySelector(".btn");
			
			function on(ele,eventStr,callback){
				if(ele.addEventListener){
					ele.addEventListener(eventStr,callback);
					
					
				}else{
					ele.attachEvent("on"+event,callback)
				}
			}
			
			function off(ele,eventStr,callback,n){
				if(ele.removeEventListener){
					ele.removeEventListener(eventStr,callback)
				}else{
					ele.detachEvent("on"+eventStr,callback)
				}
			}
			
			function func(){
				alert(i);
				i++;
				if(i>2){
					off(btn,"click",func)
				}
				
				
			}
			on(btn,"click",func)
			
			
			
			
		</script>
	</body>
</html>

  

原生js事件的绑定解绑

原文:https://www.cnblogs.com/daifuchao/p/11770155.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!