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>


全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.