Как сделать текстовое поле HTML недоступным для клика

Question

Как сделать текстовое поле HTML недоступным для клика

0

Есть ли способ сделать текстовое поле нецелесообразным, не связанное с отключением текстового поля или блокированием событий наведения мыши?

Я не могу установить текстовое поле как отключенное, потому что это отключит мои подсказки инструмента jQuery, и я не могу блокировать события наведения мыши. Все решения, которые я видел, сделали одно или другое.

Чтобы немного уточнить, пользователь не может выбрать текст в этом поле или поместить указатель ввода внутри поля. Использование меток не будет работать, потому что мне нужно, чтобы он работал с полями пароля, а также с обычными текстовыми полями.

Steve Glick 19 янв. 2014, в 00:56

Источник

0

Возможно, поместите невидимый div над ним с z-index и pos absolute, заполнив в точности высоту и ширину текстового поля.
Tyblitz 18 янв. 2014, в 23:23
0

Не будет ли этот блок зависать, а также события щелчка?
Steve Glick 18 янв. 2014, в 23:26
0

Вы не можете использовать disabled , так что, вероятно, вы не можете использовать только для readonly ? Какое назначение / функция служит именно для этого input текста, что вы не хотите, чтобы пользователь взаимодействовал с ним?
David Thomas 18 янв. 2014, в 23:29
0

Это может быть и в настоящее время только для чтения. Причина, по которой люди не могут взаимодействовать с ним, заключается в том, что когда человек наводит указатель мыши на текстовое поле, браузер автоматически выделяет текст в скрытом текстовом поле и отображает всплывающую подсказку, уведомляющую человека о том, что теперь он может просто использовать Ctrl +. С, чтобы скопировать текст в поле. Если человек щелкнет в поле, текст будет отменен, чего я и стараюсь избегать.
Steve Glick 18 янв. 2014, в 23:32

Показать ещё 2 комментария

Теги:

javascript

html

css

2 ответа

0

Возможно, я не понимаю вопроса, но это должно сработать.

<input id="noselect" value="hi there"></input>
<script>
  document.getElementById('noselect').addEventListener('focus', function()
  {
    document.getElementById('noselect').blur();
  });
  document.getElementById('noselect').style.cursor = 'default';
</script>

DrowsySaturn 18 янв. 2014, в 22:21

Ещё вопросы

Возможно, поместите невидимый div над ним с z-index и pos absolute, заполнив в точности высоту и ширину текстового поля.
Не будет ли этот блок зависать, а также события щелчка?
Вы не можете использовать disabled , так что, вероятно, вы не можете использовать только для readonly ? Какое назначение / функция служит именно для этого input текста, что вы не хотите, чтобы пользователь взаимодействовал с ним?
Это может быть и в настоящее время только для чтения. Причина, по которой люди не могут взаимодействовать с ним, заключается в том, что когда человек наводит указатель мыши на текстовое поле, браузер автоматически выделяет текст в скрытом текстовом поле и отображает всплывающую подсказку, уведомляющую человека о том, что теперь он может просто использовать Ctrl +. С, чтобы скопировать текст в поле. Если человек щелкнет в поле, текст будет отменен, чего я и стараюсь избегать.

still_learning · Accepted Answer · 2014-01-18T20-36-00.000Z

Это должно сделать трюк:

$('#textbox').focus(function() {
    $(this).blur();
});

JSFiddle

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