JavaScript 定義事件
■知識點
在零級事件模型中,JavaScript支持兩種綁定事件的方式。
靜態(tài)綁定:在HTML結構中把JavaScript代碼直接賦值給事件屬性。
動態(tài)綁定:在JavaScript腳本中把事件函數(shù)直接賦值給DOM對象的事件屬性。
■實例設計
【示例1】在下面的示例中,為form元素的onsubmit事件屬性設置腳本,設計當文本框的值為空時,定義事件監(jiān)聽函數(shù)返回值為false。由于該返回值為false,將強制表單禁止提交數(shù)據(jù)。
<form id="forml" name="forml" method="post" action="http: //www.inysite.cn/ "
onsubmit="if(this.elements[0].value.length-=0) return false;">
姓名:<input id="user" name="user" type="text" />
<input type="submit" name="btn" id="btn" value="提交" />
</form>
在上面的代碼中,this表示當前form元素,elements[0]表示姓名文本框,如果該文本框的value.length屬性值長度為0,表示當前文本框為空,則返回false,禁止提交表單。
一注意:
使用這個方法指定'的事件監(jiān)聽函數(shù),只會在冒泡階段觸發(fā)同時,on-屬性的值是要執(zhí)行的代碼,不是一個函數(shù)。例如:
<!--正確-->
<body_onload="doSomething()">
<!--錯誤-->
<body onl oad="doSomething">
點擊加載更多評論>>