JS是事件驅(qū)動語言

• 1.事件三要素：事件源、事件、事件驅(qū)動程序

• 2.綁定事件

  • a。 直接通過標簽綁定事件-直接在事件對應(yīng)的屬性里面寫js代碼

  • b. 直接通過標簽綁定事件 - 直接在事件對應(yīng)的屬性里寫調(diào)用函數(shù)，這個函數(shù)中的this是window

  • c. 直接通過標簽綁定事件 - 直接在事件對應(yīng)的屬性里寫調(diào)用函數(shù)，函數(shù)中的this是window

  • d.鼠標進入事件綁定函數(shù) onmouseover

  • e.通過節(jié)點綁定事件
    節(jié)點。addEventListener(事件名，事件驅(qū)動程序)
    事件名：去掉事件名前面的on onclick->click
    這種綁定方式綁定事件，可以給同一個事件源綁定一個不同的驅(qū)動程序

• 3.驅(qū)動程序中的evt參數(shù)，代表事件對象

• 4.事件冒泡

  • 子標簽上產(chǎn)生的事件，會傳遞給父標簽，意思就是全部標簽都會發(fā)生事件

• 5.事件捕獲

  • 讓事件不再向下傳遞
  • evt.stopPropagation
  • onclick(function(evt){evt.stopPropagation})，不傳遞給父節(jié)點

    var div1 = document.getElementsByTagName('div');
    div1[0].addEventListener('m',function(evt){
        console.log(evt);
        if(evt.layerX<200){
            console.log(evt.layerX);
            console.log(evt);
        }
    })````