Question

我正在使用jquery的dbclick（）函数来切换表raw的高亮显示。我面临的问题是，每当我双击时，也会选择单元格的内容。是否有一种简单的方法来阻止内容选择？

我的代码：

if ($('.tbl_repeat').length > 0) {
    $('.tbl_repeat tr').dblclick(function() {
        $(this).toggleClass('tr_active');
    });
}

也许我没有说清楚 - 我不想禁用一起选择 - 只有当双击发生时 - 除了这个事件之外，其他一切都应该照常选择。

Answer 1

您可以尝试通过css在元素上拒绝选择双击

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

Answer 2

在此处（头部标签之间）放置以下编码

<style>
        .unselectable {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none;   
        }
    </style>

把它放在这里（身体标签之间）

<p class="unselectable"> your unselectable text here </p>

就像这样..

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        .unselectable {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none;   
        }
    </style>
</head>
<body>
    <p class="unselectable">
    <span> your unselectable text here </span><br>
    <a href="#" onclick="return false;"> your unselectable link here </a></p>
</body>
</html>

jQuery双击，但不要选择内容

2 个答案: