當輸入集中在切換的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

您必須在輸入字段上添加click事件，以防止其上的click事件從其父級冒泡。

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