我有一个使某些网页适合触摸设备的想法,那里有一个包含行和列的表格。我计划单击某些单元格,并产生对不同页面或函数的调用。我需要对tap,doubletap和taphold表事件的支持,在长时间使用jQuery和jQm之后,我放弃了,因为taphold无法正确识别,而是像tap那样放弃了。由于我决定寻求Hammer.js的帮助,但无法使用表TD单元(仅使用DIV等)强制将此插件插入wotk。例如,我需要在某些TD上双击,读取敲击的单元(内容,ID,列和行信息),但没有得分。如何解决呢?是否有可能像:
var myElement0 = document.getElementById('tbl_hours td');
// create a simple instance
// by default, it only adds horizontal recognizers
var mc0 = new Hammer(myElement0);
// listen to events...
mc1.on("panleft panright tap press doubletap", function(ev) {
myElement0.textContent = ev.type +" gesture is detected.";
});
表的ID为tbl_hours,但没有TD单元具有自己的ID。谢谢。
最佳答案
我没有完整的答案,但这是我找到的TAP解决方案;
var tab = document.getElementById("tbl_hours"); // reference to table
Hammer(tab).on('tap',function(ev){
ev.target.style.background='red'; //will give red background for the held cell
});
我以同样的方式尝试了两次连按,但没有用。