沒有event就沒有腳本??梢钥纯慈魏斡蠮avaScript代碼的網頁:幾乎所有的例子都有一個事件觸發了腳本。原因非常簡單。JavaScript就是給你的頁面添加內部活動:用戶做一些事情然后頁面做出回應。
因此JavaScript就需要一個方法能夠檢測到用戶的動作然后才能知道什么時候做出反應。這還需要知道那個函數會被執行,函數會做一些你認為的給你的網頁增色的動作。這些文字描述了如何去寫這樣的腳本。雖然不容易,但是這是一個很讓人滿足的工作。
當用戶做了什么事情event就發生了,當然還有一些event不會直接被用戶觸發:比如load事件會在頁面裝載完畢的時候觸發。
JavaScript能夠檢測一些event。從Netscape 2開始,在HTML元素上添加event hanlder就成為可能。這些事件處理函數等待一個確定的事件,比如點擊一個鏈接。當他發生的時候,事件就會通過你指定的JavaScript代碼來執行。
當用戶做出動作他就引發了一個事件。當你的代碼讓頁面對這個動作做出回應,交互就產生了。
事件處理程序的歷史
如上所述,沒有事件處理程序就沒有在頁面添加JavaScript的必要。那些能對用戶動作做出反應的就是最好的腳本。因此,當Netscape發布他的第二版支持JavaScript的瀏覽器的時候,他同時也支持event。
Netscape模式
Netscape只支持一小部分事件。Mouseover和mouseout的快速流行時因為當鼠標滑入時改變圖片而滑出時又返回到原來的狀態這個很炫的效果。而且可以看到用戶是否提交了表單或者重置了表單,這樣在客戶端的驗證也就成為了可能。瀏覽器還能監測表單的某一項獲得或者失去了焦點或者頁面完成下載又或者開始關閉。在如今看來這些都是非常稀松平常的事情,但在那個時候那可是革命性的。因為你能對用戶的動作做出反饋,所以真正的交互才變成可能。
在最古老的表單的事件處理程序看起來是這樣的。當用戶點擊了鏈接,事件處理程序就被執行了然后彈出對話框。
<a href="somewhere.html" onclick="alert('I/'ve been clicked!')">
注意到這種最古老的處理事件的方法事實上就是Netscape的標準是很重要的。如果想要JavaScript工作,其他的瀏覽器包括IE都得遵從Netscape 2和3的處理事件的標準。因此這些最古老的事件和事件處理程序在任何JavaScript瀏覽器中都能很好的運行。
現在的事件模式
然而,相比之前的介紹,現在的事件處理程序有了很大的變化。第一就是數量上急劇增長。對HTML元素的事件處理程序的注冊的方法也有很大的變化?,F在完全可由JavaScript設置。不再需要大量的附著于代碼之上,你可以寫一些很簡單的代碼來設置所有的事件處理程序。
V4瀏覽器也提供了關于事件的很多信息。鼠標在哪?什么時候事件發生?鍵盤按下了么?最終,瀏覽器必須要對一個元素和這個元素的父元素對同一個動作都有事件處理程序做出選擇。哪個事件先觸發呢?
新聞熱點
疑難解答
圖片精選