Не работает события у инпута который имеет атрибут disabled?

Question

[xXRustamXx]

В чем причина не могу понять и есть вариант решения?
Codepen: https://codepen.io/Metis/pen/vzgWeg
P.S пытался сделать обертку из див и на него повесить событие, но не получаеться дотянуться до инпута и поставить фокус

Comments

[Lander]

Не работает события у инпута который имеет атрибут disabled?

Внезапно, правда?

Answer 1

[0xD34F]

Не работает

Всё правильно, так и должно быть. Чего ещё вы ожидали, вешая disabled?

есть вариант решения?

Решения чего? Что вы вообще пытаетесь сделать? Ничего не понятно.

UPD. Вынесено из комментариев:

Я хочу что бы у инпутов focus срабатывал только по клику

Используйте readonly вместо disabled. Как-то так.

Comments

[xXRustamXx]

Я хочу что бы у инпутов focus срабатывал только по клику

[#FFFFFF]

xXRustamXx, как у инпута может быть фокус, если он неактивен?

[Сергей delphinpro]

xXRustamXx, Зачем заставлять пользователя дергать мышку, если он привык работать клавиатурой?
Не надо так!

[xXRustamXx]

Сергей delphinpro, Надо или не надо решает фича проекта

[Сергей delphinpro]

xXRustamXx, какая фича? не смешите. это просто форма.
Если бы была игра какая-то, я бы еще понял...

[xXRustamXx]

Сергей delphinpro, Эти инпуты в качестве примера, в проекте все по другому

[Сергей delphinpro]

xXRustamXx, ну-ну..

пропишите задизабленным инпутам pointer-events:none (не уверен в этой необходимости).
на обертку вешайтесь онкликом. по клику снимайте дизаблед и ставьте фокус.

[xXRustamXx]

Сергей delphinpro, Я именно так и пытался сделать, но чет не получаеться из-за этого написал сюда

[Сергей delphinpro]

xXRustamXx, вот так? jsfiddle.net/tvf5sajm

[0xD34F]

Я именно так и пытался сделать, но чет не получаеться

Почему не показали результаты своих попыток? Всё получается.

[Сергей delphinpro]

xXRustamXx, типа того. наколенное решение.

[Сергей delphinpro]

xXRustamXx, работает и $nextTick jsfiddle.net/tvf5sajm/1
Вы наверное не использовали стрелочную функцию и потеряли контекст.