Question

我已连接可排序列表，我希望有一个回调函数，双击列表元素。有没有一种标准方法可以找出所点击的项目的html /文本内容是什么？我在chrome上做了以下操作但它在Firefox上不起作用。

//when element is dropped in connected sortable
ui.item[0].ondblclick = wordClicked;

function wordClicked(e) {
    console.log(e.srcElement.innerText);
}

Answer 1

我会使用jQuery方法，因为jQuery可以在所有浏览器上运行。

对于双击事件处理程序，您可以使用此http://api.jquery.com/dblclick/

要获取元素的文本，您可以使用此http://api.jquery.com/text/

我创建了这个jsFiddle，它显示了两种方法的工作原理http://jsfiddle.net/davew9999/7cQXX/

<强> HTML

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

<div id="result"></div>

<强>的JavaScript

$("ul li").dblclick(function() {
    $("#result").text("You double clicked " + $(this).text());
});

Answer 2

在这种情况下，狐狸不支持'innerText'

单击连接的可排序时查找列表文本

2 个答案: