在页面中监听input中的值变化,开始使用keyup事件监听,在用右键剪切调里面的内容时,因为没有键盘操作,所以无法触发keyup,同理在粘贴时也存在该现象。
使用oncut和onparste事件,可以监听到鼠标的剪切,粘贴动作,可是无法得到剪切后的值,即在改变input内容之前触发的,得到的是未操作前的值,因此也不适用。
最后通过一个定时器实现了该效果,如下:
原理分析:
在外部先声明一个用来记录input值的变量,然后每0.1秒比较这个值与input的值,如果发生改变,则运行自己的代码,同时改变变量,从而实现对input值改变的监听。