Javascript 如何处理jQuery中动态添加的元素上的事件

Javascript 如何处理jQuery中动态添加的元素上的事件,javascript,jquery,Javascript,Jquery,一个相当直截了当的问题-为什么在页面加载后不为动态生成的(文本)输入触发鼠标悬停 我可以让它工作的复选框,选择,文本区域 下面的代码不提供事件 $(文档).ready(函数(){ $(`input[type=text]`).on(`mouseover`,函数(e){ 控制台日志(e); }); }); 您需要将第二个参数传递到上的。该参数允许: $(文档).ready(函数(){ //在你知道从一开始就会出现的东西上设置处理程序 //之后触发的事件可以“冒泡”到。这是 //本例中的文档。 /

一个相当直截了当的问题-为什么在页面加载后不为动态生成的(文本)输入触发鼠标悬停

我可以让它工作的复选框,选择,文本区域

下面的代码不提供事件

$(文档).ready(函数(){
$(`input[type=text]`).on(`mouseover`,函数(e){
控制台日志(e);
});
});

您需要将第二个参数传递到
上的
。该参数允许:

$(文档).ready(函数(){
//在你知道从一开始就会出现的东西上设置处理程序
//之后触发的事件可以“冒泡”到。这是
//本例中的文档。
//第二个参数成为您希望处理事件的参数
$(document).on(`mouseover`,'input[type='text']),函数(e){
控制台日志(e);
});
//设置处理程序后创建新元素
$(document.body).append(“”);
});

当我测试它时,它似乎正在工作。它确实正常工作。它确实会给出一个事件,但是由于您正在安慰整个事件,所以需要几秒钟的时间才能输出。抱歉,请注意,编辑说明文本字段是在页面加载后动态生成的。谢谢,刚刚针对预渲染文本输入进行了测试,效果很好…非常感谢