国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript Event學習第二章 Event瀏覽器兼容性

2019-11-21 00:45:50
字體:
來源:轉載
供稿:網友
在這里提出的事件,當他們發生在一個確定的HTML元素上的時候,他們的名字能夠被大多數的瀏覽器所識別。也就是說,瀏覽器會查找你為這個HTML元素所注冊的事件處理程序的腳本,而且會被立即執行。
      一開始只有為數很少的一些事件。這些事件在幾乎所有的JavaScript瀏覽器都能運行,即使是那些非常古老的。需要注意的是那些早期的事件只能工作在鏈接或者表單上,有時候也能運行在整個窗口上,但是其他的大多數HTML元素不行。
      時代變遷,很多新的事件也給大家介紹過了。第四代瀏覽器和更高級的瀏覽器允許事件注冊在任何的HTML元素上。
      所以你基本上可以在任何元素上綁定任何事件,雖然在<P>上綁定一個keydown沒有什么意義。
      在這里查看完整的瀏覽器事件兼容性列表。

界面事件(Interface events)

      界面事件不是被用戶動作觸發的,而是被用戶行為結果觸發。
      用戶在任何元素上單擊都會觸發一個click時間。當點擊發生在有特殊含義的元素上的時候,額外的界面事件就會被觸發。
      例如,當用戶在一個鏈接上單擊就觸發了click時間。單擊這個鏈接一個新的頁面就會被裝載,所以這個特殊的click事件導致了界面事件unload的觸發。
      其他的界面事件還有resize,scroll和focus/blur。

鼠標事件(mouse events)

      從Netscape 2開始,所有的瀏覽器都注意到了這樣兩個事實。當鼠標劃入一個鏈接區域,那么mouseover事件就觸發了。當他點擊了這個鏈接那么click事件觸發。不久之后mouseout也被添加了進去,他會在鼠標離開鏈接區域的時候觸發。因此傳統的鼠標事件三合會(Traditional Triad)成立了。
      第三代的瀏覽器對于鼠標事件進行了一些擴充。dbclick添加了進來,click事件分割成了mousedown和mouseup:用戶按下和彈起鼠標按鍵。最后跟蹤鼠
標軌跡的mousemove也變成了可能
      在后面的章節會詳細講解鼠標事件(mouse event)。

表單事件(Form events)

      表單能夠識別submit和reset事件,submit在用戶提交表單的時候觸發reset在重置表單的時候觸發。其中submit事件是所有表單驗證代碼的核心。當用戶提交表單的時候,就遍歷一遍表單檢查是否有不正確的數據。如果發現了一個錯誤,停止提交表單并向用戶發出一個警告。
      表單還能在某一項得到或者失去焦點的時候識別focus和blur事件,還有鍵盤事件和click事件。可以查看其他的兼容性列表。
      一般情況下使用這些事件的時候要小心。當用戶離開表單中的某一項的時候完全可以用onblur來驗證數據,但是通常這都很煩人。用戶在忙著填表單的時候不想看見任何彈出來的提示。

W3C事件(W3C events)

      在W3C的DOM 2 事件規范中  還定義了一些突發事件(Mutation events)。這些事件在文檔的DOM結構發生變化的時候觸發。最常見的一個就是DOMSubtreeModified事件,它會在DOM發生變化的時候觸發。
      Mozilla將這個事件設置為subtreemodified。Mozilla也不支持其他的我們沒有提到的w3c事件。

微軟事件(Microsoft events)

      微軟創造了一大堆事件。有一些是非常有趣的。
      當用戶在任何時候單擊鼠標右鍵的時候就會觸發comtextmenu事件。這非常有用以致濫用。Mozilla也支持這個事件。
      當導入XML文件的時候,readystatechange事件就像一些load事件一樣提供服務。當XML文檔的readyState變成4的時候,文檔就加載完畢了。(不要問我什么是readyState,他管用而且夠用)
      讓人驚奇的是在unload事件發生之前還有beforeunload事件。他設計的目的是用來取消關閉頁面,但是確沒人在乎。
      最后微軟還發明了mouseenter和mouseleave事件,這兩個幾乎和mouseover合mouseout事件一樣。在鼠標事件一章查看。
      當然以上事件只被IE支持。

Mozilla事件(Mozilla events)

      Mozilla,當然也有一大堆自己的事件。我還沒有仔細的研究。

事件處理程序

      所有的事件無論何時觸發都會被瀏覽器檢測到。瀏覽器通常也會執行默認的程序,就像當用戶點擊一個鏈接的時候。但是有時候什么也不會發生。

      事件處理程序的重點在于你可以讓其他事情發生。你可以在事件發生的時候讓瀏覽器執行你的腳本。如果你這樣寫了那么無論何時只要事件發生那么你的腳本就會執行。如果這些腳本在符合邏輯的基礎上能非常的有用,那么你的用戶也會非常的愉快。

      為了確保你的腳本在事件觸發的時候能夠執行,你需要對HTML元素的確定的動作進行事件注冊,就像下面這樣:

       <a href="somewhere.html" onClick="alert('I/'ve been clicked!')">

      這樣腳本里的alert('I/'ve been clicked!')就會在click事件發生的時候執行。這就注冊了一個事件處理程序。

繼續

      如果你要繼續學習,那么請看下一章。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 东台市| 德化县| 开原市| 厦门市| 兴隆县| 张家港市| 鹿邑县| 安远县| 柳河县| 铜鼓县| 林芝县| 博爱县| 泗洪县| 汶川县| 天祝| 广饶县| 百色市| 潞西市| 余庆县| 马关县| 义乌市| 闸北区| 洪洞县| 延寿县| 三河市| 罗城| 景德镇市| 龙泉市| 凌源市| 炉霍县| 南岸区| 涞水县| 清镇市| 无极县| 松滋市| 汪清县| 瓦房店市| 雷州市| 伊宁县| 山东省| 晋中市|