Блог

Главная - Вопросы по программированию - jQuery дважды щелкните, но не выбирайте содержимое

jQuery дважды щелкните, но не выбирайте содержимое

#jquery

#jquery

Вопрос:

Я использую функцию dbclick () от jquery, чтобы переключить выделение таблицы raw. Проблема, с которой я сталкиваюсь, заключается в том, что всякий раз, когда я дважды щелкаю, содержимое ячейки также выбирается. Есть ли простой способ предотвратить выбор содержимого?

Мой код:

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

Возможно, я не совсем ясно выразился — я не хочу отключать выбор всего вместе — только при двойном щелчке — кроме этого события, все остальное должно выбираться как обычно.

Комментарии:

1. @шахир, я не думаю, что это сработает в данном случае. Поведение текста по умолчанию заключается не в том, что он выбран, у него его нет. ваш пример будет работать с такими вещами, как ссылки и кнопки отправки.

Ответ №1:

Вы можете попытаться запретить выделение с помощью css для элемента, на котором вы дважды щелкнули

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

Ответ №2:

Поместите приведенный ниже код между here (между тегами Head)

 <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>​