html dom節點添加事件傳參

dom節點添加事件方法：

document.getElementById("myBtn").addEventListener("click", function(){
    document.getElementById("demo").innerHTML = "Hello World";
});

 

語法：

element.addEventListener(event, function, useCapture)

 

參數值

 

參數	描述
event	必須。字符串，指定事件名。 注意: 不要使用 "on" 前綴。 例如，使用 "click" ,而不是使用 "onclick"。 提示： 所有 HTML DOM 事件，可以查看我們完整的 HTML DOM Event 對象參考手冊。
function	必須。指定要事件觸發時執行的函數。 當事件對象會作為第一個參數傳入函數。 事件對象的類型取決於特定的事件。例如， "click" 事件屬於 MouseEvent(鼠標事件) 對象。
useCapture	可選。布爾值，指定事件是否在捕獲或冒泡階段執行。 可能值: true - 事件句柄在捕獲階段執行 false- false- 默認。事件句柄在冒泡階段執行

 

Event事件傳遞參數

當傳遞參數值時，使用"匿名函數"調用帶參數的函數：

例如：

let scope = ‘123’;
this.dom.addEventListener('mousedown', function (){
    scope.onMouseDown(event,scope);
    },
    false);