1. 程式人生 > >javascript中的事件處理程式

javascript中的事件處理程式

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 視窗事件屬性(Window Event Attributes) :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 由視窗觸發該事件 (適用於 標籤): onafterprint,在列印文件之後執行指令碼 http: //www.iis7.com/a/lm/gjcpmcx/ onbeforeprint,在文件列印之前執行指令碼 onbeforeonload,在文件載入之前執行指令碼 onblur,當視窗失去焦點時執行指令碼 onerror,當錯誤發生時執行指令碼 onfocus,當視窗獲得焦點時執行指令碼 onhaschange,當文件改變時執行指令碼 onload,當文件載入時執行指令碼 onmessage,當觸發訊息時執行指令碼 onoffline,當文件離線時執行指令碼 ononline,當文件上線時執行指令碼 onpagehide,當視窗隱藏時執行指令碼 onpageshow,當視窗可見時執行指令碼 onpopstate,當視窗歷史記錄改變時執行指令碼 onredo,當文件執行再執行操作(redo)時執行指令碼 onresize,當調整視窗大小時執行指令碼 onstorage,當 Web Storage 區域更新時(儲存空間中的資料發生變化時)執行指令碼 onundo,當文件執行撤銷時執行指令碼 onunload,當用戶離開文件時執行指令碼

::::::::::::::::::::::::::::::::::::::::::: 表單事件(Form Events) ::::::::::::::::::::::::::::::::::::::::::: 表單事件在HTML表單中觸發 (適用於所有 HTML 元素, 但該HTML元素需在form表單內): onblur,當元素失去焦點時執行指令碼 onchange,當元素改變時執行指令碼 oncontextmenu,當觸發上下文選單時執行指令碼 onfocus,當元素獲得焦點時執行指令碼 onformchange,當表單改變時執行指令碼 onforminput,當表單獲得使用者輸入時執行指令碼 oninput,當元素獲得使用者輸入時執行指令碼 oninvalid,當元素無效時執行指令碼 onreset,當表單重置時執行指令碼。HTML 5 不支援。 onselect,當選取元素時執行指令碼 onsubmit,當提交表單時執行指令碼

::::::::::::::::::::::::::::::::::::::::::::::::::::::: 鍵盤事件(Keyboard Events) :::::::::::::::::::::::::::::::::::::::::::::::::::::: onkeydown,當按下按鍵時執行指令碼 onkeypress,當按下並鬆開按鍵時執行指令碼 onkeyup,當鬆開按鍵時執行指令碼

::::::::::::::::::::::::::::::::::::::::::::::::: 滑鼠事件(Mouse Events) :::::::::::::::::::::::::::::::::::::::::::::::: 通過滑鼠觸發事件, 類似使用者的行為: onclick,當單擊滑鼠時執行指令碼 ondblclick,當雙擊滑鼠時執行指令碼 ondrag,當拖動元素時執行指令碼 ondragend,當拖動操作結束時執行指令碼 ondragenter,當元素被拖動至有效的拖放目標時執行指令碼 ondragleave,當元素離開有效拖放目標時執行指令碼 ondragover,當元素被拖動至有效拖放目標上方時執行指令碼 ondragstart,當拖動操作開始時執行指令碼 ondrop,當被拖動元素正在被拖放時執行指令碼 onmousedown,當按下滑鼠按鈕時執行指令碼 onmousemove,當滑鼠指標移動時執行指令碼 onmouseout,當滑鼠指標移出元素時執行指令碼 onmouseover,當滑鼠指標移至元素之上時執行指令碼 onmouseup,當鬆開滑鼠按鈕時執行指令碼 onmousewheel,當轉動滑鼠滾輪時執行指令碼 onscrollNew,當滾動元素的滾動條時執行指令碼

::::::::::::::::::::::::::::::::::::::::::::::::: 多媒體事件(Media Events) :::::::::::::::::::::::::::::::::::::::::::::::: 通過視訊(videos),影象(images)或者音訊(audio) 觸發該事件,多應用於HTML媒體元素比如 , , , , 和): onabort,當發生中止事件時執行指令碼 oncanplay,當媒介能夠開始播放但可能因緩衝而需要停止時執行指令碼 oncanplaythrough,當媒介能夠無需因緩衝而停止即可播放至結尾時執行指令碼 ondurationchange,當媒介長度改變時執行指令碼 onemptied,當媒介資源元素突然為空時(網路錯誤、載入錯誤等)執行指令碼 onended,當媒介已抵達結尾時執行指令碼 onerror,當在元素載入期間發生錯誤時執行指令碼 onloadeddata,當載入媒介資料時執行指令碼 onloadedmetadata,當媒介元素的持續時間以及其他媒介資料已載入時執行指令碼 onloadstart,當瀏覽器開始載入媒介資料時執行指令碼 onpause,當媒介資料暫停時執行指令碼 onplay,當媒介資料將要開始播放時執行指令碼 onplaying,當媒介資料已開始播放時執行指令碼 onprogress,當瀏覽器正在取媒介資料時執行指令碼 onratechange,當媒介資料的播放速率改變時執行指令碼 onreadystatechange,當就緒狀態(ready-state)改變時執行指令碼 onseeked,當媒介元素的定位屬性 [1] 不再為真且定位已結束時執行指令碼 onseeking,當媒介元素的定位屬性為真且定位已開始時執行指令碼 onstalled,當取回媒介資料過程中(延遲)存在錯誤時執行指令碼 onsuspend,當瀏覽器已在取媒介資料但在取回整個媒介檔案之前停止時執行指令碼 ontimeupdate,當媒介改變其播放位置時執行指令碼 onvolumechange,當媒介改變音量亦或當音量被設定為靜音時執行指令碼 onwaiting,當媒介已停止播放但打算繼續播放時執行指令碼

:::::::::::::::: 其他事件 :::::::::::::::: onshow,當

元素在上下文顯示時觸發 ontoggle,當用戶開啟或關閉 元素時觸發

:::::::::::::::::::::::::::::::::: HTML5 (畫布) ::::::::::::::::::::::::::::::::: HTML5 標籤用於繪製圖像(通過指令碼,通常是 JavaScript)。 不過, 元素本身並沒有繪製能力(它僅僅是圖形的容器) - 您必須使用指令碼來完成實際的繪圖任務。 getContext() 方法可返回一個物件,該物件提供了用於在畫布上繪圖的方法和屬性。 顏色、樣式和陰影: fillStyle,設定或返回用於填充繪畫的顏色、漸變或模式。 strokeStyle,設定或返回用於筆觸的顏色、漸變或模式。 shadowColor,設定或返回用於陰影的顏色。 shadowBlur,設定或返回用於陰影的模糊級別。 shadowOffsetX,設定或返回陰影與形狀的水平距離。 shadowOffsetY,設定或返回陰影與形狀的垂直距離。 createLinearGradient(),建立線性漸變(用在畫布內容上)。 createPattern(),在指定的方向上重複指定的元素。 createRadialGradient(),建立放射狀/環形的漸變(用在畫布內容上)。 addColorStop(),規定漸變物件中的顏色和停止位置。 線條樣式: lineCap,設定或返回線條的結束端點樣式。 lineJoin,設定或返回兩條線相交時,所建立的拐角型別。 lineWidth,設定或返回當前的線條寬度。 miterLimit,設定或返回最大斜接長度。 矩形: rect(),建立矩形。 fillRect(),繪製”被填充”的矩形。 strokeRect(),繪製矩形(無填充)。 clearRect(),在給定的矩形內清除指定的畫素。 路徑: fill(),填充當前繪圖(路徑)。 stroke(),繪製已定義的路徑。 beginPath(),起始一條路徑,或重置當前路徑。 moveTo(),把路徑移動到畫布中的指定點,不建立線條。 closePath(),建立從當前點回到起始點的路徑。 lineTo(),新增一個新點,然後在畫布中建立從該點到最後指定點的線條。 clip(),從原始畫布剪下任意形狀和尺寸的區域。 quadraticCurveTo(),建立二次貝塞爾曲線。 bezierCurveTo(),建立三次貝塞爾曲線。 arc(),建立弧/曲線(用於建立圓形或部分圓)。 arcTo(),建立兩切線之間的弧/曲線。 isPointInPath(),如果指定的點位於當前路徑中,則返回 true,否則返回 false。 轉換: scale(),縮放當前繪圖至更大或更小。 rotate(),旋轉當前繪圖。 translate(),重新對映畫布上的 (0,0) 位置。 transform(),替換繪圖的當前轉換矩陣。 setTransform(),將當前轉換重置為單位矩陣。然後執行 transform()。 文字: font,設定或返回文字內容的當前字型屬性。 textAlign,設定或返回文字內容的當前對齊方式。 textBaseline,設定或返回在繪製文字時使用的當前文字基線。 fillText(),在畫布上繪製”被填充的”文字。 strokeText(),在畫布上繪製文字(無填充)。 measureText(),返回包含指定文字寬度的物件。 影象繪製: drawImage(),向畫布上繪製圖像、畫布或視訊。 畫素操作: width,返回 ImageData 物件的寬度。 height,返回 ImageData 物件的高度。 data,返回一個物件,其包含指定的 ImageData 物件的影象資料。 createImageData(),建立新的、空白的 ImageData 物件。 getImageData(),返回 ImageData 物件,該物件為畫布上指定的矩形複製畫素資料。 putImageData(),把影象資料(從指定的 ImageData 物件)放回畫布上。 合成: globalAlpha,設定或返回繪圖的當前 alpha 或透明值。 globalCompositeOperation,設定或返回新影象如何繪製到已有的影象上。 其他: save(),儲存當前環境的狀態。 restore(),返回之前儲存過的路徑狀態和屬性。 createEvent(), getContext(), toDataURL(),