javascript - 鼠标拖动选择不适用于触摸设备。我怎样才能让它成为可能?

标签 javascript jquery html css

鼠标拖动选择不适用于触摸设备。我该如何解决这个问题。请检查我的 fiddle

http://jsfiddle.net/Brv6J/3/

$(function () {
    var isMouseDown = false;
    $("#our_table td")
        .mousedown(function () {
            isMouseDown = true;
            $(this).toggleClass("highlighted");
            return false; // prevent text selection
        })
        .mouseover(function () {
            if (isMouseDown) {
                $(this).toggleClass("highlighted");
            }
        });
    $(document)
        .mouseup(function () {
            isMouseDown = false;
        });
});

最佳答案

给元素附加触摸事件,例如touchstart、touchend、touchmove。 例如,

$("#our_table td")
.touchstart(function () {
    isMouseDown = true;
    $(this).toggleClass("highlighted");
    return false; // prevent text selection
})
.touchmove(function () {
    if (isMouseDown) {
        $(this).toggleClass("highlighted");
    }
});

关于javascript - 鼠标拖动选择不适用于触摸设备。我怎样才能让它成为可能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33934591/

相关文章:

javascript - 幻灯片与 JavaScript 不工作

javascript - 如何删除跨度onclick或修改?

javascript - 制作 Javascript 简单的幻灯片

javascript - 将 div 移至顶部的正确方法是什么?

javascript - 在 div 中移动内容?

jquery - YouTube api、Chrome 扩展程序、youtube 开发者 key 和 403 禁止配额错误

jquery - 使用变量?

javascript - onchange 和 Select 不起作用

javascript - 将 JavaScript 代码重构为 jQuery 代码

html - table/html 中的子选择器规则