Скрытие TextBox за DIV с помощью свойства z-index
Есть ли способ скрыть текстовое поле за DIV?
У меня есть текстовое поле, которое должно быть отключено, чтобы пользователь не мог изменить текст. Но у меня есть событие onclick() в том же текстовом поле. Если я использую "disabled-disabled", то событие onclick не работает.
Итак, я пытаюсь сделать DIV того же размера с его значением z-index выше, чем текстовое поле, чтобы событие onclick могло сработать.
Пожалуйста, предложите мне лучший вариант. Заранее спасибо.
С уважением, Локеш Ядав
3 ответа
Чтобы пользователь не мог изменить текст в текстовой области, почему бы не использовать свойство readonly?
Я предлагаю проверить событие onclick, если текстовое поле отключено, и если это так, return false;
Вы можете return false;
в onkeyup
, onkeydown
а также onkeypress
события из текстового поля. Таким образом, пользователь не сможет редактировать его. Но твой клик сработает.
<input type="text" onkeyup="return false;"
onkeydown="return false;"
onkeypress="return false;"
onclick="alert('hi');">
Я не уверен, нужно ли вам возвращать false во всех трех событиях клавиатуры, но это просто пришло в голову, и я набрал их. Может быть, вы могли бы уйти с двух или даже одного из этих событий.