JS DOM onchange属性,处理内容变化事件
onchange属性
JavaScript中的元素对象的onchange属性,可以用于处理HTML元素的内容变化事件,比如,可以结合input的单选框复选框的验证来使用。
语法
element.onchange = function
提示:element对象可以通过JS DOM的操作来匹配获取,function一般为自定义的函数。
onchange属性实例代码,及在线编辑器
下方的实例通过onchange属性来处理input输入框中内容的改变,并通过if来对其进行判断,如若输入的不是hello,则弹出对话框,给出提示,并清空输入框(输入完之后,摁回车,或在输入框之外点击一下):
<input type='text' id='tt'>
<script>
var tt = document.getElementById('tt');
tt.onchange = function(){
if(tt.value != "hello"){
alert("请输入hello")
tt.value = ''
}
}
</script>