站長(zhǎng)資訊網(wǎng)
javascript中事件處理的方法有：1、在標(biāo)簽的事件屬性中添加事件，語(yǔ)法“<標(biāo)簽名 事件屬性名="事件處理程序">”；2、使用事件源的事件屬性綁定事件處理函數(shù)，語(yǔ)法“事件源對(duì)象.on事件名 = 事件處理函數(shù)”。
本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
javascript事件處理的方法
方法1、在標(biāo)簽的事件屬性中添加事件
使用HTML標(biāo)簽的事件屬性綁定處理程序。需要注意的是，使用 HTML 標(biāo)簽的事件屬性綁定事件處理程序的方式時(shí)，事件屬性中的腳本代碼不能包含函數(shù)聲明，但可以是函數(shù)調(diào)用或一系列使用分號(hào)分隔的腳本代碼。
示例：
<!doctype html> <html> <head> <meta charset="utf-8"> <script> function printName(){ var name = "張三"; alert(name); } </script> </head> <body> <input type="button" onClick="printName()" value="事件綁定測(cè)試"/> </body> </html>
方法2、使用事件源的事件屬性綁定處理程序
使 HTML 和 JS 分離的其中一種方式是通過(guò)使用事件源的事件屬性綁定事件處理函數(shù)，綁定格式如下：
obj.on事件名 = 事件處理函數(shù)
格式中的 obj 為事件源對(duì)象。綁定的事件程序通常為一個(gè)匿名函數(shù)的定義語(yǔ)句，或者是一個(gè)函數(shù)名稱。
事件源的事件屬性綁定處理程序示例：
oBtn.onclick = function(){//oBtn為事件源對(duì)象，它的單擊事件綁定了一個(gè)匿名函數(shù)定義 alert('hi') };
示例：使用事件源的事件屬性綁定事件處理函數(shù)。
<!doctype html> <html> <head> <meta charset="utf-8"> <script> window.onload = function(){//窗口加載事件綁定了一個(gè)匿名函數(shù) //定義一個(gè)名為fn的函數(shù) function fn(){ alert('hello'); } //獲取事件源對(duì)象 var oBtn1 = document.getElementById("btn1"); var oBtn2 = document.getElementById("btn2"); //綁定一個(gè)匿名函數(shù) oBtn1.onclick = function(){ alert("hi"); } //綁定一個(gè)函數(shù)名 oBtn2.onclick = fn; }; </script> </head> <body> <input type="button" id="btn1" value="綁定一個(gè)匿名函數(shù)"> <input type="button" id="btn2" value="綁定一個(gè)函數(shù)名"> </body> </html>
【推薦學(xué)習(xí)：javascript高級(jí)教程】
