JavaScript 定義事件

提問人：劉團(tuán)圓發(fā)布時間：2020-11-27

■知識點(diǎn)

在零級事件模型中，JavaScript支持兩種綁定事件的方式。

靜態(tài)綁定：在HTML結(jié)構(gòu)中把JavaScript代碼直接賦值給事件屬性。

動態(tài)綁定：在JavaScript腳本中把事件函數(shù)直接賦值給DOM對象的事件屬性。

■實(shí)例設(shè)計(jì)

【示例1】在下面的示例中，為form元素的onsubmit事件屬性設(shè)置腳本，設(shè)計(jì)當(dāng)文本框的值為空時，定義事件監(jiān)聽函數(shù)返回值為false。由于該返回值為false,將強(qiáng)制表單禁止提交數(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" />

</form>

在上面的代碼中，this表示當(dāng)前form元素，elements[0]表示姓名文本框，如果該文本框的value.length屬性值長度為0，表示當(dāng)前文本框?yàn)榭?，則返回false，禁止提交表單。

一注意：

使用這個方法指定'的事件監(jiān)聽函數(shù)，只會在冒泡階段觸發(fā)同時，on-屬性的值是要執(zhí)行的代碼，不是一個函數(shù)。例如：

<body_onload="doSomething()">

相關(guān)視頻回答

回復(fù)(0)