html中js事件onchange起什么作用?


摘要:
下文讲述html中onchange事件的相关说明,如下所示;


onchange事件功能

onchange事件功能:
onchange事件用于当一个Html元素值(value属性值)发生变化时,触发相应的js事件
onchange事件语法:
<element onchange=”script”>
——–参数说明———
script:onchange中执行的脚本

onchange事件注意事项: 
     1.目前市面上所有浏览器都支持此事件
     2.onchange可适用于 input,textarea,select三种类型的html元素 
     3.onchange的运行思路:
           当html元素失去焦点时,比对获取焦点时的值和失去焦点后的值,
        是否不同,如果不同,则触发此事件 
----------------------------------------------------------------------
     4.只有获取焦点和失去焦点前后值不同时,才会触发onchange事件
----------------------------------------------------------------------


onchange事件举例说明

当文本框中值发生变化时,触发相应的js代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>猫猫教程(maomao365.com)
   onchange事件示例说明
</title>
<script>
function changeEvent(v)
{
	alert("文本框的最新值为:"+v);
}
</script>
</head>
<body>

<p>onchange事件示例</p>
 <input type="text"  onchange="changeEvent(this.value)">
</body>
</html>