Как мой элемент ввода может получать события onclick, когда он отключен?

Question

Мне нужно иметь событие onclick / hover для входного тега, который отключен.
Есть ли другой способ, кроме как обернуть его в другой тег и присвоить этому тегу события?

<input type="checkbox" onclick="cant_choose('event')" disabled="disabled" value="2" name="enroll_to[event][]">

Answer 1

Вы можете имитировать отключение с помощью JavaScript и CSS.

То есть, размытие всего получаемого фокуса и добавление класса с чем-то вроде этого.

input.disabled {
    background: #d4d0c8;
    color: #888;
    cursor: default;
}

Обновление

См. Это по сравнению с обычным и отключенным браузером полем ввода на JSbin .

Answer 2

Вы можете обернуть поле ввода внутри контейнера и связать с ним событие click.

<div id='input-container'>
    <input id='myText' disabled />
</div>

<script>
    $('#input-container').click(function() {
        alert('test');
    });
</script>

http://jsfiddle.net/M2EYH/

Если у вас есть несколько отключенных полей и вы не хотите создавать уникальный идентификатор для каждого контейнера, вы можете присвоить контейнерам имя класса вместо идентификатора.