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>

我在每个标签中使用它：

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 =＆＃34; el＆＃34;关于元素我不想被选中..但它仍然无法运作

Answer 1

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

body {

对每个不应选择的元素执行此操作。或者只在document.getElementById("el").ondbclick = function(ev) { ev.preventDefault() alert() return false }上获取所有内容。

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

＆＃13;

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

＆＃13;

View

＆＃13;

Answer 2

(element).querySelector('mousedown', (e) => {
    e.preventDefault()
})

使用普通JavaScript ...

Answer 3

你可以申请这样的课程

.unselectable {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

双击禁用文本选择

3 个答案: