jquery - 当用户使用 jQuery 双击任意位置时取消选择

Question

如您所知，当用户双击某处时，资源管理器会尝试选择最近的对象(例如文本、表格行等)，如下图所示:

用户可以:

• 一键选择任何文本

用户不能

• 通过双击选择任何对象(换句话说，当用户双击列表时，jquery 应该取消选择所选区域)

那么我该怎么做呢？希望它是清楚的。

注意:我使用的是双击操作来进入该项目。

Answer 1

我忘了，这是无法在事件中取消默认操作的边缘情况之一。在这种情况下，您可能需要对 Firefox 和 Chrome 使用 CSS 方法:

-moz-user-select: none;
-webkit-user-select: none;

对于 Opera/IE:

$("#mytable td").prop("unselectable", "on");  // jQuery 1.6+
$("#mytable td").attr("unselectable", "on");  // jQuery 1.5-

<小时/>

如果您希望用户仍然能够拖动选择，您可能需要使用如下解决方案:

$("#mytable td").bind("dblclick", function () {
    var $this = $(this);
    $this.prop("unselectable", "on").css({ 
        "moz-user-select" : "none", 
        "-webkit-user-select" : "none"
    });

    window.setTimeout(function () {
        var $this = $(this);
        $this.prop("unselectable", "").css({ 
            "moz-user-select" : "", 
            "-webkit-user-select" : ""
        });
    }, 0);
});