javascript中有哪些事件處理方法

這篇文章主要介紹了javascript中有哪些事件處理方法，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)主要從事做網(wǎng)站、網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)赤峰林西,十載網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):18982081108

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>

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“javascript中有哪些事件處理方法”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

文章標(biāo)題：javascript中有哪些事件處理方法
網(wǎng)址分享：http://www.ekvhdxd.cn/article8/ghdgop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、網(wǎng)站維護(hù)、網(wǎng)站改版、外貿(mào)建站、微信小程序、網(wǎng)站制作

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

午夜无码人妻aⅴ大片色欲张津瑜,国产69久久久欧美黑人A片,色妺妺视频网,久久久久国产综合AV天堂

javascript中有哪些事件處理方法