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

Question

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

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

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

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

С уважением Lokesh Ядав

Answer 1

Чтобы запретить пользователю изменять текст в текстовое поле, то почему бы не использовать the readonly property?

Answer 2

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

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

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

Answer 3

Я предлагаю имея чек событие OnClick, если текстовое поле отключено, и если да, то return false;