Firefox沒有在周圍的div上注冊click事件

Question

我有以下代碼：

<div data-type="nameHolder">
   <input data-type="name" disabled="">
</div>

我的想法是禁止輸入，只有當你雙擊它才能啟用它。 但是，由於在禁用的元素上未檢測到單擊事件，因此我使用了持有者div。 這適用於Chrome，但不適用於Firefox。 知道怎么解決嗎？

Answer 1

由於禁用的元素不會觸發事件，因此您可以使用div作為輸入的包裝器並將事件處理程序附加到此div。 當您雙擊包裝器div時，啟用輸入並隱藏包裝器div。

 $('.wrapper').dblclick(function(){ $(this).prev('input').attr('disabled', false); $(this).hide(); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div data-type="nameHolder"> <input data-type="name" disabled=""> <div class="wrapper" style="position:absolute; top:0;left:0;right:0;bottom:0"></div> </div> 

Answer 2

已經有針對你的情況的解決方案在這里 。 作者建議在禁用的輸入前放置一個元素，並捕獲該元素的點擊以獲得交叉瀏覽器支持。