preventDefault（）不適用於委託目標？

Question

我有一個按鈕，提交表格

該按鈕已在頁面上。

所以，如果我想阻止提交，我可以這樣做：

$(".myBtn").on('click',function (e){ e.preventDefault();.....});

但如果按鈕即將在未來被注入，我可以這樣做：

$("body").on('click',".myBtn",function (e){ e.preventDefault();.....});

但它不工作，並提交表單。

如果處理程序沒有直接連接到元素本身，而是連接到委託對象，我該如何實現我的目標？

Answer 1

您不應該將點擊處理程序附加到提交按鈕，以防止提交表單。始終綁定表單的「提交」事件 - 如果用戶按下提交表單而不是點擊提交表單，該怎麼辦？

$(document).on('submit','#your-form',function(e) { 
e.preventDefault(); 
}); 

至於回答你的直接問題，你的代碼應該工作正常。確保您的按鈕具有合適的類名，並確保在您單擊可能導致e.preventDefault（）被忽略的按鈕之前或之後，頁面上不會出現JS錯誤。