用户在使用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();