js怎么监听文本框内容变化?文本框事件的例子

发布时间:2019-10-31编辑:脚本学堂
本文介绍了js脚本监听文本框内容改变的方法,使用oncut和onparste事件,可以监听到鼠标的剪切,粘贴动作,使用一个定时器获取剪切内容。

在页面中监听input中的值变化,开始使用keyup事件监听,在用右键剪切调里面的内容时,因为没有键盘操作,所以无法触发keyup,同理在粘贴时也存在该现象。

使用oncut和onparste事件,可以监听到鼠标的剪切,粘贴动作,可是无法得到剪切后的值,即在改变input内容之前触发的,得到的是未操作前的值,因此也不适用。

最后通过一个定时器实现了该效果,如下:
 

复制代码 代码示例:
var tValue;
setInterval(function(event){
 if(tValue !=document.getElementById("txt").value){
 //业务逻辑代码
 tValue =document.getElementById("txt").value;
}
},100);

原理分析:
在外部先声明一个用来记录input值的变量,然后每0.1秒比较这个值与input的值,如果发生改变,则运行自己的代码,同时改变变量,从而实现对input值改变的监听。