在dom的addEventListener() 方法中哆致,參數(shù)有三個(gè)摊阀,
event表示事件名稱胞此,例如'click'跃捣;
function表示執(zhí)行的回調(diào)函數(shù),當(dāng)事件對(duì)象會(huì)作為第一個(gè)參數(shù)傳入函數(shù)布疙。 事件對(duì)象的類型取決于特定的事件。例如截型, "click" 事件屬于 MouseEvent(鼠標(biāo)事件) 對(duì)象儒溉;
useCapture表示指定事件是否在捕獲或冒泡階段執(zhí)行——true - 事件句柄在捕獲階段執(zhí)行
false:默認(rèn)值顿涣,事件句柄在冒泡階段執(zhí)行。
js事件流有以下階段:
DOM2級(jí)事件模型中規(guī)定了事件流的三個(gè)階段:捕獲階段精堕、目標(biāo)階段蒲障、冒泡階段,低版本IE(IE8及以下版本)不支持捕獲階段
捕獲事件流:Netscape提出的事件流庄撮,即事件由頁面元素接收洞斯,逐級(jí)向下,傳播到最具體的元素烙如。
冒泡事件流:IE提出的事件流毅否,即事件由最具體的元素接收搀突,逐級(jí)向上仰迁,傳播到頁面徐许。
使用removeEventListener() 方法來移除addEventListener()方法添加的事件句柄雌隅。
分別在window翻默、document修械、html肯污、body蹦渣、btn上綁定事件貌亭,單擊按鈕柬唯,輸出結(jié)果如下:
事件流表述