双击以更改树标签

Question

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

<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？

Answer 1

ev也有target属性，这正是用户点击的元素。

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

Answer 2

您可以使用JQuery轻松完成此操作：

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

希望它对你有所帮助。