js如何捕获input文本框内容改变事件

发布时间:2020-12-13编辑:脚本学堂
一例捕获input文本框内容改变事件的代码,当input文本框内容改变时,可以使用onchange或onblur来进行判断,通过实例学习下二者的区别。

文本框内容改变时,使用onchange或onblur来进行判断,但是onchange是在文本内容改变,然后失去焦点的时候发生,onblur是在失去焦点时候发生,不会自己去判断。

例子,捕获文本框内容改变事件。

代码:
 

复制代码 代码示例:
<input type="text" id="testId" readonly onPropertyChange="showValue(this.value)" />
<script>
function dochg(){
document.getElementById("testId").value = "test"
}
setTimeout("dochg()",1000)
function showValue(obj){
alert("changed value is " + obj);
}
</script>

代码说明:readonly 文本框不可输入。