一钝鸽、事件綁定方式
1、 在dom元素中直接綁定庞钢,語法為 onXXX="執(zhí)行函數(shù)"
- onXXX 為事件名稱拔恰,鼠標(biāo)單擊事件 onclick ,鼠標(biāo)雙擊事件 ondouble基括,鼠標(biāo)移入事件 onmouseover颜懊,鼠標(biāo)移出事件 onmouseout 等
例如:<button onclick="fn()">點(diǎn)我</button>
2、 在JavaScript代碼中綁定
①element.onxxx = function(){}
②addEventListener()
事件監(jiān)聽器
element.addEventListener(eventName,fn,useCapture)
eventName
為事件名稱风皿,不加on
河爹;fn
為執(zhí)行函數(shù);useCapture
是Boolean類型桐款,不添加或使用false
時為冒泡事件咸这;使用true
時為捕獲事件;
3魔眨、 $().on(events,selector,data,fn)
媳维,selector為綁定事件的元素
例如:$('ul').on('click','li',function(){})
,這里ul必須是頁面中已經(jīng)存在的元素
二遏暴、阻止默認(rèn)事件和冒泡事件的方式
A:return false
在事件的處理中侄刽,可以阻止默認(rèn)事件和冒泡事件。
B:event.preventDefault()
在事件的處理中朋凉,可以阻止默認(rèn)事件但是允許冒泡事件的發(fā)生州丹。
C:event.stopPropagation().。
在事件的處理中,可以阻止冒泡但是允許默認(rèn)事件的發(fā)生墓毒。