Jquery нажмите событие не стреляя по удельному ввода

Question

Jquery

$(document).on("click","[type=text]",function(event) { 
alert('test'); 
}); 

CSS

.noWorking:focus{ 
z-index:100; 
position:relative; 
outline:none; 
box-shadow:0 0 0 1000px rgba(0,0,0,.2); 
} 

Мне нужен z-index:100;, чтобы тень поверх всех остальных элементов. Мне также нужен клик, чтобы работать с моим входом. В firefox только двойные клики срабатывают.

https://jsfiddle.net/oz68Lgcd/

Почему только двойные щелчки в FireFox пожаров с относительно позиционируемых входов?

Answer 1

Изменение позиции от значения по умолчанию до относительного выбрасывает Firefox. Если вы установите его относительно по умолчанию, щелчок работает.

.noWorking { 
    position : relative; 
} 

Answer 2

Здравствуйте, дорогие, пожалуйста, используйте MouseDown событие вместо событие щелчка

$(document).on("mousedown", "input[type='text']", function(event) { 
    alert('test'); 
});