Скрытие 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 во всех трех событиях клавиатуры, но это просто пришло в голову, и я набрал их. Может быть, вы могли бы избежать двух или даже одного из этих событий.