当输入聚焦在切换的div内时，如何修复不需要的切换

Question

单击按钮时，我有一个切换（显示/隐藏）的div。在div内部有一个输入字段，以某种方式单击输入字段时它也会切换div 。

这是我的代码：

$(".button").click(function (e){
    e.preventDefault();
    $(".div-to-be-toggled").toggle("fast",function(){ 
        $(".input-field").focus();
        });
}); 

在CSS中，div设置为display：none。

任何帮助将不胜感激。

感谢

Answer 1

您必须在输入字段上添加一个点击事件，以阻止其上的点击事件从其父级冒泡。

 $( ".input-field" ).click(function( event ) {
            event.stopPropagation();
 });