Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Firefox未在周围div上注册单击事件_Javascript_Jquery_Html_Events_Input - Fatal编程技术网

Javascript Firefox未在周围div上注册单击事件

Javascript Firefox未在周围div上注册单击事件,javascript,jquery,html,events,input,Javascript,Jquery,Html,Events,Input,我有以下代码: <div data-type="nameHolder"> <input data-type="name" disabled=""> </div> 我的想法是保持输入被禁用,并且只有当你双击它才能启用它。然而,由于在禁用的元素上没有检测到点击事件,所以我使用了holder div。这在Chrome上可以正常工作,但在Firefox上不行。知道怎么修吗 您的案例在中已经有了解决方案。作者建议在禁用的输入前面放置一个元素,并捕捉对该元素的

我有以下代码:

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


我的想法是保持输入被禁用,并且只有当你双击它才能启用它。然而,由于在禁用的元素上没有检测到点击事件,所以我使用了holder div。这在Chrome上可以正常工作,但在Firefox上不行。知道怎么修吗

您的案例在中已经有了解决方案。作者建议在禁用的输入前面放置一个元素,并捕捉对该元素的点击以获得交叉浏览器支持。

由于禁用的元素不会触发事件,所以可以使用div作为输入的包装,并将事件处理程序附加到此div。双击包装div时,启用输入并隐藏包装div。
$('.wrapper').dblclick(函数(){
$(this).prev('input').attr('disabled',false);
$(this.hide();
});


请将您的jQuery代码添加到fiddle中,以提供您尝试过的代码,这可能有助于重新编码firfox。为什么不将其改为只读?您可以使用
事件委派。我希望这会奏效