javascript - 如何通过 JS 代码连接 JS 事件处理程序

Question

我有一个像这样的 HTML 元素:

<span id="myspan" ondblclick="edit(this)">Text to be edited</span>

如何绑定(bind)相同类型的处理程序 -> edit(this)

通过 JavaScript 到 ondblclick 事件？我想要如下所示的内容:

function someMethod(){
   var span = document.getElementById("myspan");

   span.ondblclick = edit(span); // This line doesn't work...

}

Answer 1

它不起作用，因为您将该函数的结果分配给 dbclick 处理程序。试试这个；

span.ondblclick = function() {
    edit(span); 
};

或者你也可以这样做

span.ondblclick = edit;

但是您需要更改编辑功能

function edit(event) {
    var span = event.target;
    // do your stuff
}

这样您就可以定位被单击的元素。