单击已连接的可排序项时查找列表文本
Finding out list text when a connected sortable is clicked
我已经连接了可排序列表,并且我想要一个用于双击列表元素的回调函数。有没有一种标准的方法来计算被点击项目的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'
相关文章:
- 在日期列表中查找最早的日期
- 单击已连接的可排序项时查找列表文本
- jQuery查找元素,然后组成逗号分隔的列表
- 根据Angular JS中的属性值在列表中查找对象
- 如何在搜索过滤器jQuerymobile中查找可见列表项的计数
- 从 javascript 生成的 html 中查找列表项
- CanJS 模型查找全部返回重复项的列表
- 使用 js 在列表列表中查找值
- 使用 JQuery 从列表中查找 a:selected 元素
- 如何使用jQuery从数据列表中查找隐藏字段值
- 从 asp.net 中的数据列表客户端查找单选按钮
- 如何查找列表项的索引 (ul-li)
- 在 JQuery UI 拖放后查找列表中元素的索引
- 查找列表中的子项数量
- 查找列表项的子元素
- 如何通过比较对象属性来查找列表中的对象
- 如何使用jquery查找列表项出现在哪个数字父级
- 本地查询"查找列表"
- 在javascript中制作字谜生成器,只查找列表中包含的单词
- 查找列表中未被列表中的其他矩形包含的矩形的最快方法