經(jīng)常看到網(wǎng)上或者在寫代碼的時(shí)候?qū)懙給nchange事件,也有個(gè)onpropertychange事件,onpropertychange是指屬性的變化事件.
比如:<select onchange=""></select> 當(dāng)發(fā)生變化時(shí)觸發(fā)onchange事件,是指鼠標(biāo)和鍵盤事件結(jié)束才能觸發(fā)
假如 是<input type="text" onchange="">也只有當(dāng)焦點(diǎn)離開文本框并且文本框值發(fā)生變化才觸發(fā)
而onpropertychange表示對(duì)象的屬性,包括任何值,比如type,value等,只要發(fā)生變化即可觸發(fā),onpropertychange事件.舉例說明:
<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<title>js 只能輸入數(shù)字和小數(shù)點(diǎn)</title>
<script language="JavaScript" type="text/javascript">
function forasp_cn(obj)
{
alert(obj);
}
function forasp_cn2(obj)
{
alert("觸發(fā)onpropertychange事件");
}
</script>
</head>
<body>
輸入onpropertychange測(cè)試：<input id="input1" onchange="forasp_cn(this.value);"
onpropertychange="forasp_cn2();">
</body>
</html>
onpropertychange一般用于圖像上傳前的判斷大小,詳細(xì)情況:
<script>
function chkimg(Obj){
var tempImg=new Image();
tempImg.onerror=function(){alert('目標(biāo)類型錯(cuò)誤或路徑不存在！');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>
這就是對(duì)onpropertychange 的解釋
更多信息請(qǐng)查看IT技術(shù)專欄
公眾號(hào)
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試