zoukankan      html  css  js  c++  java
  • BOM-event事件

    添加事件监听

        <button id="btnShoot">shoot</button><br>
        <button id="btnAward">获得跟踪导弹</button><br>
        <button id="btnBreak">失去跟踪导弹</button><br>
    <script>
    	btnShoot.addEventListener("click",function(){//添加事件监听
    		console.log("发射普通子弹...");
    	});
    	function shoot2(){
    		alert("发射跟踪导弹=>=>=>");
    	}
    	btnAward.addEventListener("click",function(){
    		btnShoot.addEventListener("click",shoot2)
    	});
    	 // 移除事件

          //移除时,需要获得原处理函数的地址 , 如果一个处理函数可能被移除,则绑定时不能用匿名函数,必须用有名的函数

    	btnBreak.addEventListener("click",function(){
    		btnShoot.removeEventListener("click",shoot2)
    	});
    </script>	
    

     移除事件时的错误写法:

       <button id="btnShoot">shoot</button><br>
        <button id="btnAward">获得跟踪导弹</button><br>
        <button id="btnBreak">失去跟踪导弹</button><br>
    	<script>
    		btnShoot.addEventListener("click",function(){
    			console.log("发射普通子弹");
    		})
    		btnAward.addEventListener("click",function(){
    			btnShoot.addEventListener("click",function(){
    				alert("发射跟踪导弹...");
    			})
    		})
    		//移除事件时的错误写法
    		btnBreak.addEventListener("click",function(){
    		btnShoot.removeEventListener("click",function(){
    				alert("发射跟踪导弹...");
    			});
    	});
    	</script>
    

      

  • 相关阅读:
    冲刺第七,八天(5月27,28日)
    作业4 阅读《构建之法》 第5.5 第6 第7章
    用户模拟+spec
    第二阶段
    第一次Spring总结
    小组互评和自评
    SPRINT四则运算(第二天)
    开始第一段SPRINT
    四则运算APP
    四则运算 测试与封装 (完善) 5.2 5.3
  • 原文地址:https://www.cnblogs.com/lan-cheng/p/8364894.html
Copyright © 2011-2022 走看看