經常看到網上或者在寫代碼的時候寫到onchange事件,也有個onpropertychange事件,onpropertychange是指屬性的變化事件.
比如:<select onchange=""></select> 當發(fā)生變化時觸發(fā)onchange事件,是指鼠標和鍵盤事件結束才能觸發(fā)
假如 是<input type="text" onchange="">也只有當焦點離開文本框并且文本框值發(fā)生變化才觸發(fā)
而onpropertychange表示對象的屬性,包括任何值,比如type,value等,只要發(fā)生變化即可觸發(fā),onpropertychange事件.舉例說明:
<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<title>js 只能輸入數字和小數點</title>
<script language="JavaScript" type="text/javascript">
function forasp_cn(obj)
{
alert(obj);
}
function forasp_cn2(obj)
{
alert("觸發(fā)onpropertychange事件");
}
</script>
</head>
<body>
輸入onpropertychange測試：<input id="input1" onchange="forasp_cn(this.value);"
onpropertychange="forasp_cn2();">
</body>
</html>
onpropertychange一般用于圖像上傳前的判斷大小,詳細情況:
<script>
function chkimg(Obj){
var tempImg=new Image();
tempImg.onerror=function(){alert('目標類型錯誤或路徑不存在！');Obj.outerHTML=Obj.outerHTML;};
tempImg.onload=function(){if(this.width>91 || this.height>81) {alert('超出規(guī)定尺寸！');Obj.outerHTML=Obj.outerHTML;}};
tempImg.src=Obj.value;
}
</script>
<html>
<input name="upfile" type="file" size="50" style="width:200;border:1 solid #9a9999; font-size:9pt; background-color:#ffffff" onpropertychange=chkimg(this)>
</html>
這就是對onpropertychange 的解釋
更多信息請查看IT技術專欄
公眾號
事業(yè)單位
當前位置：
公考類
招聘類
各類考試
