Question

我有一个html表，其中列中的所有单元格都具有相同的css类'className'。

我想将'hold'事件中的hammer.js应用于这些单元格。我这样称为hammer.js：

Hammer('td.className').on('hold', doModal);

我需要确切地找出哪个细胞“保持”。在我的模态窗口中，我有一个select元素，用于设置单元格的新值。

我无法为该列上的每个单元格设置ID，因为该表是动态生成的。我的doModal回调被多次调用，因为我选择了具有类'className'的所有单元格。我可以只调用一次doModal，但我无法确定哪个单元格（行+列）触发了'hold'事件。

我怎样才能做到这一点？

Answer 1

您可以使用事件对象中的target属性找到保留的表格单元格。

例如，

var tab = document.getElementById("tab"); // reference to your table
Hammer(tab).on('hold',function(ev){ 
 console.log(ev)
 ev.target.style.background='red'; //will give red background for the held cell
});

我试图拼凑一个小提琴，但找不到锤子的工作链接。

更新：fiddle

确定哪个表格单元格触发了hammer.js事件

1 个答案: