HTML текст не выбирается, но с твиком! Undeletable - PullRequest
2 голосов
/ 12 марта 2011

Я знаю о -moz-user-select : нет; -webkit-user-select : нет; -khtml-user-select : нет; и он прекрасно работает в коде, который я имею.

Но я хочу сделать мой div невыбираемым с помощью Ctrl + A и , на которые вышеприведенные директивы, похоже, не влияют.

Как я могу отключить этот выбор в Firefox, например? Я хочу иметь возможность предотвратить выделение с помощью Ctrl + A, чтобы клавиша Del не удаляла текст. Я хочу сделать текст не удаляемым.

Большое спасибо!

Ответы [ 3 ]

1 голос
/ 12 марта 2011

Вы можете отключить нажатие клавиши Ctrl-A следующим образом, но это не сделает всю работу, так как контекст браузера и меню «Правка» по-прежнему будут иметь опции «Выбрать все».

document.onkeydown = function(e) {
    e = e || window.event;
    if (e.ctrlKey && e.keyCode == 65) {
        return false;
    }
};
1 голос
/ 12 марта 2011

Использование этого с CSS выше:

::selection {
        background: rgba(0,0,0,0);
        }
::-moz-selection {
        background: rgba(0,0,0,0);
}

Не обязательно сделает его невыбираемым, но пользователь не сможет увидеть, что выбирается.;)

Изменить: В ответ на ваш комментарий ниже, посмотрите на это: http://jsfiddle.net/Shaz/fM8p4/

0 голосов
/ 16 марта 2011

Не совсем понятно, что вы пытаетесь сделать; Вы ищете что-то вроде этого:

<div contenteditable="true">
  This part is editable.
  <div contenteditable="false">
    This part is not editable or deletable.
  </div>
  This part is editable again.
<div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...