当用户使用 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);
});

Answer 2

选择一些随机元素，

$("#randsmallelement").focus();

如果这不起作用尝试添加

$("#randsmallelement).select();