.bind（）與事件處理程序

Question

假設我有以下簡化功能。

var ex = document.getElementById('exampleElement'), 
    data = { 
     foo: 'Sample text' 
    }; 

ex.addEventListener('click', function(evt, d) { 
    evt.stopPropagation(); 
    this.innerHTML = d.foo; 
}.bind(ex, null, data)); 

我意識到結合ex到this在這種特殊情況下有些多餘，但我怎麼能綁定data參數，仍然保持被破壞的event說法？

我似乎無法在任何地方找到答案。

Answer 1

根據https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind

ARG1，ARG2，...

參數傳遞給前插來調用目標函數時提供給綁定函數的參數。

這意味着您的咖喱值將來之前事件對象。看到這個搗鼓一個例子：

http://jsfiddle.net/5w4vnvof/

var clickme = document.querySelector("#clickme"); 

clickme.addEventListener("click", function(value, event) { 
    var newDiv = document.createElement("div"); 
    newDiv.innerHTML = value + "<br/>" + event.target.toString(); 

    document.body.appendChild(newDiv); 
}.bind(clickme, "curriedValue"));