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

How to wireup JS event handler through JS code

本文关键字：JS 事件处理 程序 连接 代码 何通过      更新时间：2023-09-26

我有一个HTML元素，如下所示：

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

如何绑定同一种处理程序->编辑（this）

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

function someMethod(){
   var span = document.getElementById("myspan");
   span.ondblclick = edit(span); // This line doesn't work...
}

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

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

或者你可以做

span.ondblclick = edit;

但您需要更改编辑功能

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

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

相关文章：