如何在移动设备中使用 ondblClickRow 事件

Question

免费 jqgrid 包含ondblClickRow 事件处理程序，用于打开订单详细信息。

如果 Google Chrome 进入三星 Galaxy S4 仿真模式，则不会归档此事件。

要重现，请打开

http://jsfiddle.net/amorris/ynw3c/

在三星 Galaxy S4 仿真模式下的 Chrome 中双击 jqgrid 行。 不出现警告框。 单击即可正确选择行。

如何解决这个问题？
是否应该为此将单独的打开按钮添加到每个 jqgrid 行中，或者是否有更好的方法来允许打开详细信息，例如在桌面中的行中双击。

使用 4.9.2-post

Answer 1

在我看来，您需要将touchstart 句柄绑定到网格并检测在上一个touchstart 事件之后的短时间内触发的touchstart。例如，您可以使用jQuery.data 保存上一个touchstart 事件的时间。

我将您的演示修改为http://jsfiddle.net/OlegKi/yNw3C/12120/，它使用以下代码

$("#grid").bind("touchstart", function (e) {
    var $this = $(this), now = new Date().getTime(),
        lastTouchTime = $this.data("lastTouchTime") || now + 1,
        timeInterval = now - lastTouchTime;
    //console.log(e);
    // the next line use constant 500 as 0.5 sec timeout between taps
    if (timeInterval < 500 && timeInterval > 0) {
        var $tr = $(e.target).closest("tr.jqgrow");
        if ($tr.length > 0) {
            //console.log($tr[0]);
            alert("double touchstart on rowid=" + $tr.attr("id"));
        } else {
            alert("double touchstart");
        }
    }
    $this.data("lastTouchTime", now);
});

在三星 Galaxy S4 仿真模式下，代码至少在 Chrome 中显示警报