向输入值发出警报会产生未定义的
向输入值发出警报会产生未定义的
提问于 2020-12-14 20:22:37
此HTML在单击按钮时动态追加。输入值在输入事件处理程序中返回undefined。为什么会发生这种情况？
html += '<div class="div-table-col-unit"> <input type="text"/></div>';
$(document).on('input', '.div-table-col-unit', function(event) {
alert(this.value);
});回答 1
Stack Overflow用户
发布于 2020-12-14 20:25:35
您将input事件附加到div元素；它们没有要读取的value。您需要将事件直接绑定到input：
let html = '<p>Foo</p>';
html += '<div class="div-table-col-unit"> <input type="text" /></div>';
$('body').append(html);
$(document).on('input', '.div-table-col-unit input', function(event) {
console.log(this.value);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
或者，您可以保留与div的绑定，但使用事件的target属性来引用实际产生input事件的元素：
let html = '<p>Foo</p>';
html += '<div class="div-table-col-unit"> <input type="text" /></div>';
$('body').append(html);
$(document).on('input', '.div-table-col-unit', function(event) {
console.log(event.target.value);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65288971
复制相关文章
相似问题
腾讯云开发者
