jquery监听动态添加的input的change事件

Posted study_php

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery监听动态添加的input的change事件相关的知识,希望对你有一定的参考价值。

使用下面方法在监听普通的input的change事件正常

$(\'#pp\').on(\'change\', \'input.videos_poster_input\', function () {
   console.log(\'----\'); 
})

以上代码在监听动态添加的input的事件就失效

可以采用以下方式:将父级改为document

$(document).on(\'change\', \'input.videos_poster_input\', function () {
   console.log(\'----\'); 
})

这里jquery 3.2.1正常运行

以上是关于jquery监听动态添加的input的change事件的主要内容,如果未能解决你的问题,请参考以下文章

jquery 动态生成的input添加change事件

input实时监听value change

jquery change事件不触发的问题

jQuery/原生JS实时监听input输入框值变化

jquery事件以及监听动态节点事件

onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法