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

Finding out list text when a connected sortable is clicked

本文关键字:查找 列表 文本 排序 连接 单击      更新时间:2023-09-26

我已经连接了可排序列表,并且我想要一个用于双击列表元素的回调函数。有没有一种标准的方法来计算被点击项目的html/text内容?我在chrome上做了以下操作,但在Firefox上不起作用。

//when element is dropped in connected sortable
ui.item[0].ondblclick = wordClicked;
function wordClicked(e) {
    console.log(e.srcElement.innerText);
}

我会使用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());
});​

fox在这种情况下不支持'innerText'