jQueryのクリックイベントは、私は他のすべての要素の上に影を作るために<code>z-index:100;</code>が必要

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); 
} 

相対入力に発射ません。私はまた、私の入力を操作するためにクリックイベントが必要です。 firefoxでは、ダブルクリックだけでイベントが発生します。

https://jsfiddle.net/oz68Lgcd/

なぜ、相対位置の入力を持つFirefoxの火災のイベントで唯一のダブルクリック？

Answer 1

デフォルト値から相対値への相対値を相対値に変更するとFirefoxが表示されます。デフォルトでrelativeに設定すると、クリックが機能します。

.noWorking { 
    position : relative; 
} 

Answer 2

こんにちは親愛なる、私はバイオリンで両方の入力のためのアラートを取得するマウスダウンイベントの代わりに、クリックイベント

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