Jquery click 事件不触发相对输入

Question

查询

$(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; 
}