我可以傳入更多參數到JavaScript中的事件處理函數嗎？

Question

我一直在嘗試瞭解更多關於鼠標事件的信息，如onmouseover，onmouseout和onmousemove，但沒有太多信息。看起來這些事件處理程序默認有一個參數，事件是它自己的。

element.onmouseover = mouseoverFunction 

function mouseoverFunction(event) { 
    // Do stuff here 
} 

但是我希望能夠傳遞其他參數到函數中。

function mouseoverFunction(event, moreArgs) { 
    // Do stuff here 
} 

如何將事件參數和附加參數傳遞給函數？

也可以將更多參數傳遞給事件處理函數嗎？

Answer 1

你可以做一個高階函數：

function mouseover(arg1, arg2) { 
    return function(event) { 
    // Do stuff here 
    } 
} 

element.addEventListener('mouseover', mouseover(1, 2))