onchange()和onblur()

最新推荐文章于 2025-06-06 09:17:29 发布

最新推荐文章于 2025-06-06 09:17:29 发布 · 593 阅读

文章标签：

#JavaScript #HTML #ViewUI

javaScript 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，该页面包含两个隐藏和文本输入框，并通过JavaScript实现了onblur和onchange事件处理。当文本框失去焦点或者内容发生变化时，会触发相应的事件处理函数。

<html>
<head>
<script type="text/javascript">
function checkLength() { 
alert(document.getElementById('a').value);
document.getElementById('a').value=''
}

function checkLength1(obj) { 
alert(document.getElementById('a').value);
alert(obj);
}
</script>
</head>
<body>
<input type="hidden" name="a" value="cc"/>
<input type="text" name="b" onblur="checkLength1(this.value)" onchange="checkLength()"/>
先执行onchange事件，后执行onblur事件。
</body>
</html>