Скрытие TextBox за DIV с помощью свойства z-index

Question

Есть ли способ скрыть текстовое поле за DIV?

У меня есть текстовое поле, которое должно быть отключено, чтобы пользователь не мог изменить текст. Но у меня есть событие onclick() в том же текстовом поле. Если я использую "disabled-disabled", то событие onclick не работает.

Итак, я пытаюсь сделать DIV того же размера с его значением z-index выше, чем текстовое поле, чтобы событие onclick могло сработать.

Пожалуйста, предложите мне лучший вариант. Заранее спасибо.

С уважением, Локеш Ядав

Answer 1

Чтобы пользователь не мог изменить текст в текстовой области, почему бы не использовать свойство readonly?

Answer 2

Я предлагаю проверить событие onclick, если текстовое поле отключено, и если это так, return false;

Answer 3

Вы можете return false; в onkeyup, onkeydown а также onkeypress события из текстового поля. Таким образом, пользователь не сможет редактировать его. Но твой клик сработает.

<input type="text" onkeyup="return false;" 
onkeydown="return false;"
onkeypress="return false;"
onclick="alert('hi');">

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