jquery - 当输入集中在切换的 div 内时如何修复不需要的切换

Question

我有一个 div，它在单击按钮时切换(显示/隐藏)。在 div 内部有一个输入字段，不知何故，当单击输入字段时它也会切换 div。

这是我的代码:

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

在 CSS 中，div 设置为显示:无。

任何帮助将不胜感激。

谢谢

Answer 1

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

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