將元素動態新增至 DOM 時，使用標準事件處理程序擷取這些元素觸發的事件可能會出現問題。出現此問題的原因是在創建元素之前附加了事件處理程序，導致事件未被捕獲。
jQuery 透過使用 .on() 方法（或 .delegate）提供了解決此問題的方法() 在舊版本中）。此方法可讓您將事件處理委託給靜態祖先元素，該元素在綁定處理程序時已經存在。這確保事件冒泡並可以被處理程序捕獲。
在您的特定情況下，您可以修改程式碼以使用.on() 方法，如下所示：
// jQuery 1.7 or above
$('#modal').on('keyup', 'input', function() {
handler = $(this).val();
name = $(this).attr('name');
});// jQuery 1.6 或更低版本
$('#modal').delegate('input', 'keyup', function()
{
handler = $(this).val();
name = $(this).attr('name');
});透過將事件處理委託給#modal元素，該元素在事件處理程序運行時已經存在綁定，您可以捕獲由該元素內動態生成的輸入元素觸發的事件。
以上是如何處理 jQuery 中動態新增元素的事件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
