双击禁用文本选择

Question

我有从侧面切换菜单的脚本:

<script>
    // Closes the sidebar menu
    $("#menu-close").click(function (e) {
        e.preventDefault();
        $("#sidebar-wrapper").toggleClass("active");
    });
    // Opens the sidebar menu
    $("#menu-toggle").click(function (e) {
        e.preventDefault();
        $("#sidebar-wrapper").toggleClass("active");
    });
</script>

我在每个section标签中都使用它:

ondblclick = $("#menu-close").click()

但问题是,当我双击某处时,它也会选择文字.问题是:如何在整个页面上禁用此双击选择？如果我能将它实现到我的实际脚本中会很酷.

更新:现在我有

document.getElementById("el").ondbclick = function(ev) {
    ev.preventDefault()
    alert()
    return false}

$("#menu-close").click(function (e) {
    e.preventDefault();
    $("#sidebar-wrapper").toggleClass("active");
});
// Opens the sidebar menu
$("#menu-toggle").click(function (e) {
    e.preventDefault();
    $("#sidebar-wrapper").toggleClass("active");
});

和id ="el"元素我不想被选中..但它仍然无法正常工作

Answer 1

在元素上使用这些CSS规则:

#menu-close {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

对每个不应选择的元素执行此操作.或者只是body {为了一切.

如果你不想在任何地方禁用选择,你也可以在它发生后删除双击选择:

document.getElementById("el").ondbclick = function(ev) {
  ev.preventDefault()
  alert()
  return false
}

<div id="el"> asd</div>