javascript 高級---事件對象

javascript 是一門基于對象和事件驅動并具有安全性腳本語言。所以,Javascript的核心是基于對象和事件驅動。今天,我們就談談事件驅動機制。

我們也稱事件驅動機制為事件流。在javascript中,我們的事件處理程序都會產生一個事件對象(enevt),它有很多屬性和方法可以幫助我們解決事件處理程序的需要和問題。在事件處理程序也就是在事件綁定的函數中,傳入一個參數,就可以來表示事件對象(event)當然,需要最要以event對象的某個字符來表示。這個先不討論。

事件處理程序有三種寫入方式:

1,HTML事件處理程序。

首先,html中的元素得支持每種事件。也就說,想在某個元素上綁定事件處理程序,必須得支持所綁定的事件處理程序。比如 click事件,load事件,mouseover 都是支持。我們來舉個列子看看語法格式怎么寫:

<input type ="button" value="點我" onclick = "showMes()">

function showMes () {

? ? alert("Hello Word");

}

在標簽內部,直接綁定事件處理程序是有很大缺點的.第一是:時差性。在復雜的頁面中,我們是先加載頁面中的元素,再觸發事件處理程序。如果在html和javascript中間有很復雜的頁面的設計結構,就存在很大的時差問題。第二是:是HTML和javascript的代碼緊密媾合,如果改動html頁面的元素,就要改動js代碼,就給開發人員帶來很大的麻煩。所以,我們在實際開發中,是拋棄這種做法的。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • JavaScript 程序采用了異步事件驅動編程模型。在這種程序設計風格下,當文檔、瀏覽器、元素或與之相關的對象發...
    劼哥stone閱讀 1,274評論 3 11
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,881評論 18 139
  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    前端進階之旅閱讀 114,669評論 24 450
  • 人活著有時候是很累的,身不由己的感覺只有親身經歷了才會知道。生活本身就有很多無奈,但生活本身也有很多想不到的東西,...
    sandy201704閱讀 119評論 0 0
  • 青山迎遠客 綠水入清池 久病逢佳境 窮途覓故知
    閬苑寒梅閱讀 191評論 12 8