jsp onpropertychange

最新推荐文章于 2022-01-13 17:46:59 发布

原创最新推荐文章于 2022-01-13 17:46:59 发布 · 431 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #ViewUI

收录于

java 专栏收录该内容

404 篇文章

订阅专栏

本文深入探讨了HTML元素属性改变时onpropertychange与onChange事件的区别，并通过实例展示了如何使用onpropertychange及时捕获属性值的变化。特别强调了onpropertychange在属性值改变时不需元素失去焦点即可激活的特点。

要想了解onpropertychange，就必须结合onchange一起来讲。

当一个HTML元素属性改变时候都能通过 onpropertychange来捕获例如一个 <input name="text1" id="text1" />对象value属性被页面脚本修改时候onchange无法捕获到而onpropertychange却能够捕获

也就说：onpropertychange能及时捕获属性值变化而onchange属性值改变时还必须使得当前元素失去焦点(onblur)才可以激活该事件！

看下面一个例子：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>


<script type="text/javascript">
function doChange(){
	//alert("length="+document.getElementById("mytable").rows.length);
	
	
	alert("value is changed");
	
}


function doProChange(){
	//alert("length="+document.getElementById("mytable").rows.length);
	
	
	alert("hahaaha");
	
}



</script>



</head>

<body>
<input type="text" value="" onchange="doChange();" onpropertychange="doProChange();" />
</body>
</html>

每当输入一个字符时，就会触发onpropertyChange事件，打印hahaaha，但是只有等焦点离开了，才会打开value is changed.