JavaScript權威指南筆記

重要的CSS樣式屬性

position	指定元素的定位類型
top、left	指定元素上、左邊緣的位置
bottom、right	指定元素下、右邊緣的位置
width、height	指定元素的尺寸
z-index	指定元素相對於其餘重疊元素的「堆疊次序」，定義了元素定位的第三個維度
display	指定元素是否以及如何顯示
visibility	指定元素是否可見
clip	定義元素的「裁剪區域」，只顯示元素在區域內的部分
overflow	指定元素比分配的空間要大時的處理方式
margin、border、padding	指定元素的空白和邊框
background	指定元素的背景顏色或圖片
opacity	指定元素的不透明度（或半透明度）

 

CSS盒模型：邊框、內邊距和定位屬性

事件分類
依賴於設備的輸入事件
包括"mousedown"、"mousemove"、"mouseup"、"keydown"、"keypress"和"keyup"這樣的傳統事件類型，也包括像"touchmove"和"gesturechange"這樣新的觸摸事件類型。
獨立於設備的輸入事件
有些輸入事件沒有直接相關的特定輸入設備。例如，click事件表示激活了連接、按鈕或其餘文檔元素，這一般是經過鼠標單擊實現，但也能經過鍵盤或觸摸感知設備上的手勢來實現。還沒有普遍實現的textinput事件就是一個獨立於設備的輸入事件，它既能取代按鍵事件並支持鍵盤輸入，也能夠取代剪切和粘貼與手寫識別的事件。
用戶界面事件
用戶界面事件是較高級的事件，一般出如今定義Web應用用戶界面的HTML表單元素上。包括文本輸入域獲取鍵盤焦點的focus事件、用戶改變表單元素顯示值的change事件和用戶單擊表單中的「提交」按鈕的submit事件。
狀態變化事件
有些事件不是由用戶活動而是由網絡或瀏覽器活動觸發，用來表示某種生命週期或相關狀態的變化。
特定API事件
HTML5及相關規範定義的大量Web API都有本身的事件類型。
計時器和錯誤處理程序
 

 

addEventListener()

addEventListener()接受三個參數。第一個是要註冊處理程序的事件類型，這個事件類型（或名字）是字符串，但它不該該包括用於設置事件處理程序屬性的前綴"on"。第二個參數是當指定類型的事件發生時應該調用的函數。最後一個參數是布爾值

removeEventListener()

有三個參數，從對象中刪除事件處理程序函數而非添加，它經常使用於臨時註冊事件處理程序，而後不久就刪除它

attachEvent()

有兩個參數：事件類型和處理程序函數。·attachEvent()容許相同的事件處理程序函數註冊屢次

調用順序

瀏覽器必須按照以下規則調用全部的事件處理程序：

經過設置對象屬性或HTML屬性註冊的處理程序一直優先調用。
使用addEventListener()註冊的處理程序按照它們的註冊順序調用[註釋]。
使用attachEvent()註冊的處理程序可能按照任何順序調用，因此代碼不該該依賴於調用順序。

 

鼠標事件