Jquery 监听 Input 值(被js)改变的正确姿势

原创于 2023-03-08 16:28:21 发布 · 1.2k 阅读

CC 4.0 BY-SA版权

文章标签：

该代码示例展示了如何使用jQuery监听HTML输入框(input)的值变化，通过document.inputpropertychange事件来捕获值的改变，并在值改变后打印新的值。同时，通过$.val()方法主动设置输入框的值并触发input事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接上demo


// dom
`<input type="text" id="inp" value="" readonly>`

// 监听
$(document).on('input propertychange', '#inp', function () {
    console.log($(this).val());
});

// 改变值
$('#inp').val('少走弯路!').trigger('input');