【发布时间】:2022-03-06 23:17:23
【问题描述】:
采取以下js脚本:
// Example function
function DoStuff(e, cell) {
console.log("Do Stuff")
}
// Returning fontawesome icon
var Ico = function (cell, formatterParams, onRendered) { return '<i class="fas fa-trash-alt"></i>' }
//Table
var Table= new Tabulator("#anchor", {
data: [],
layout: "fitColumns",
pagination: "local",
responsiveLayout: "collapse",
movableRows: true,
columns: [
{ title: "Name", field: "Name", headerFilter: true, headerSort: false },
{ title: "Code", field: "Code", headerFilter: true, headerSort: false },
{ title: `<i class="fas fa-trash-alt"></i>`, headerSort: false, formatter: Ico, width: 25, hozAlign: "center", headerHozAlign: "center", cellClick: DoStuff, cellTap: DoStuff}
]
})
预期行为
在触摸屏、X 浏览器上,只要手指点击表格单元格,就应该调用 cellTap,这与单击单元格时的 cellClick 行为完全相同。
真实行为
在触摸屏上,基于 Chromium 的 Web 浏览器不会触发 Tap 事件,也不会引发 js 异常,在基于 Gecko 的浏览器下,tap 事件会按预期工作
回顾
Docs (http://tabulator.info/docs/5.0/callbacks#cell) 没有报告任何不支持基于 Chromium 的浏览器的地方。在 Github 下打开问题之前,我在这里打开了一个问题,因为我可能做错了什么。测试浏览器如下:
-
Firefox 版本 96.0.2(64 位)(Tap 回调按预期工作,此外,当执行 Tap 时 cellClick 也工作,因此 cellTap 甚至无用)
-
Chrome 版本 97.0.4692.99(官方版本)(64 位)TAP 不工作
-
Edge 版本 44.18362.449.0 TAP 不工作
-
Opera 版本 83.0.4254.19 TAP 不工作
提前感谢您的宝贵时间。
【问题讨论】:
-
新issue已在github下开启github.com/olifolkerd/tabulator/issues/3588
标签: javascript cross-browser tabulator