本文介绍了一种HTML页面中实现输入框值联动的方法，并探讨了onchange事件的触发机制。通过具体示例展示了如何在第一个输入框值变化时联动修改第二个输入框的值，同时解释了onchange事件的触发条件。
<html>
<script type="text/javascript">
function ab(){
var a = document.getElementById("1").value;
document.getElementById("1").value=a+"a";
}
function aa(){
var a = document.getElementById("2").value;
document.getElementById("2").value=a+"a";
}
</script>
<body>
<center>
<input type="text" id="0" value="AX"/ onchange="javascript:ab();"/>
<input type="text" id="1" value="AA" onchange="javascript:aa();"/>
<input type="text" id="2" value="BB"/>
</center>
</body>
</html>
如上如果改变第一个输入框的值时会联动改变第二个输入框的值，但是并不会触发第二个输入框的onchange事件。
查阅资料：
onchange事件的触发条件需满足：1、输入框的值发生改变；2、输入框失去焦点。事件触发发生在2，而不是1的过程中。如果值改变则触发事件则需要使用onpropertychange(IE)或oninput(FF)
测试成功，备忘。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
