瀏覽器默認事件,事件監聽,事件委托


瀏覽器的常見默認行為

  圖片,文字可以脫出愛

  a標簽可以進行跳轉

  右鍵是菜單

  submit可以進行提交

 

 

右鍵菜單觸發,可以作為一個事件

document.oncontext=function(e){

  alert(1);

}

 

可以阻止瀏覽器默認行為

  return false;    可以實現,但不推薦使用,老師就是這么說的。

  還有就是時間對象提供的方法:e.preventDefault()   或e.returnValue=false;后者為了兼容該死的IE低版本

 例:

 

 

 

DOM,一般的事件都是0級事件,有一個最大的缺點就是后者的事件會覆蓋前者。

例:  document.onclick=function(){
            alert(11);
        }
        document.onclick=function(){
            alert(22);
        }

只會彈出22,因為后者會覆蓋前者。

 

DOM    2級事件,也叫事件監聽

對象.addEventListener()        參數1:事件類型,不加“on”   例:onclickz只需要寫click

             參數2:回調函數或一個函數名,推薦函數名

             參數3:一個布爾值    false是默認值,代表冒泡(后面有說明),true代表捕獲

IE的兼容:attachEvent()      參數1:事件類型,要加on       例:onclick        參數2:回調函數

解除事件監聽

  removeEventListener()解綁的時候第二個參數必須是函數名,把回調函數寫在方法里面無效

  例:div.removeEventListener("click",)

IE的兼容:  detachEvent()    參數1:事件類型     參數2:回調函數 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM