双击可更改树标签

double click to change tree label

本文关键字：标签 可更改 双击      更新时间：2023-09-26

我有一个javascript树控件，它是用嵌套的UL和LI构建的。我想让用户双击以更改树中项目的标签。我把这行放在最上面：

<ul id="dhtmlgoodies_tree2" class="dhtmlgoodies_tree" ondblclick="change(event)">

对于我的更改功能：

function change(ev) {
ev.preventDefault();
console.log(ev)
var it = prompt("Channel Name", "");
}

当我看到ev的值时，它是关于鼠标点击事件（位置等）的一切。有没有什么方法可以让我获得树的句柄，甚至更好地获得他们点击的LI？

ev也有一个target属性，它正是用户单击的元素。

因此，例如，将ev.target.textContent = it;添加到函数中会将元素文本更改为用户的答案。

使用JQuery可以很容易地做到这一点：

$("ul li").ondblclick(function(){
   var text = $(this).text()
   console.log(text)
});

希望它能帮助你。

相关文章：