100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > js实现实时监听input输入框值的变化

js实现实时监听input输入框值的变化

时间:2023-03-19 07:58:54

相关推荐

js实现实时监听input输入框值的变化

要想实现实时监听input输入框值的变化的效果,只需要让input元素监听两个事件:inputpropertychange,然后调用对应的js监听函数即可。

先使用原生js代码实现。

<input type="text" oninput="onInputChange(event)" onpropertychange="onInputChange2(event)" /><script type="text/javascript">function onInputChange(event){console.log(event.target.value);}function onInputChange2(event){if(event.propertyName.toLowerCase()=="value"){console.log(event.srcElement.value);}}</script>

jQuery的实现代码要比原生js简洁很多在,这里推荐使用jQuery实现。

<input type="text" id="input" /><script type="text/javascript">$("#input").on("input propertychange",function(event){console.log($(this).val());});</script>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。