的jQuery的preventDefault上輸入字段

Question

我有一個簡單的jQuery功能，例如：

$(function() { 
    $('div.dropdown-menu').click(function() { 
     var $this = $(this); 
     $this.toggleClass('active'); 
     $('.menu').toggle(); 
    }); 
}); 

這個做工精良，顯示和隱藏下拉。菜單這是目前只是一個無序列表列表按鈕。

但是我想在某個頁面上的下拉菜單中添加一個登錄表單，但是在這種形式下點擊輸入字段會導致菜單關閉（隱藏）。

如何更改我的代碼，以防止這種品行

Answer 1

您可以使用event.target來引用點擊的元素並檢查它是否是一個表單字段與is()方法：

$(function() { 
    $('div.dropdown-menu').click(function(event) { 
     if ($(event.target).is(":input")) { 
      return; 
     } 
     $(this).toggleClass('active'); 
     $('.menu').toggle(); 
    }); 
}); 

Answer 2

你可以使用.stopPropagation()event.stopPropagation()，這可以防止點擊冒泡到父元素。

Answer 3

試試這個：

$('#input_field').click(function(){ return false; }) 

Answer 4

試試這個

$(function() { 
    $('div.dropdown-menu').click(function(e) { 
     if ($(e.target).is(":input")) { 
      return false; 
     } 
     $(this).toggleClass('active'); 
     $('.menu').toggle(); 
    }); 
});