cxtfillRectrectx，recty，rectw，recth繪制矩形 canvasonclick=functione給canvas添加點擊事件 e=eevent獲取事件對象 獲取事件在canvas中發(fā)生的位置 var x=eclientXcanvasoffsetLeftvar y=eclientYcanvasoffsetTop如果事件位置在矩形區(qū)域中 ifx=rectx。

HTML5引入了兩個關(guān)鍵的文件操作API，F(xiàn)ileReader和FileSystemFileReader用于讀取文件內(nèi)容，而FileSystem則提供了對文件系統(tǒng)的有限操作讓我們從訪問文件域開始在HTML中，文件域通過``元素實現(xiàn)使用JavaScript訪問`FileList`對象，進(jìn)而獲取文件對象的屬性在使用Blob對象時，它代表二進(jìn)制數(shù)據(jù)，并允許設(shè)置MIME。

Html5中有兩種常見的方法可以用來點擊事件的方法有兩種，SVG和Canvas這兩者都能使你在瀏覽器中繪圖，但是他們的原理就大相徑庭了最近我對于SVG和Canvas都做了很細(xì)致的研究和使用，大致弄清了這兩者之間的區(qū)別，下面就為大家進(jìn)行詳細(xì)的講解，希望對大家能夠有幫助首先為大家簡單介紹一下這兩種方法的。

autoplay自動播放，loop循環(huán)播放，controls內(nèi)置控制條Video標(biāo)簽屬性src視頻URL，poster封面圖片，preload預(yù)加載，autoplay自動播放，loop循環(huán)播放，controls控制條，widthheight視頻尺寸獲取HTMLVideoElement和HTMLAudioElement對象可通過new或元素id。

預(yù)覽通過文件讀取對象的readAsDataURL完成其中獲取數(shù)據(jù)時，F(xiàn)ileReader還提供一個完整的事件模型，用來捕獲讀取文件時的狀態(tài)onabort讀取文件中斷片時觸發(fā) onerror讀取錯誤時觸發(fā) onload文件讀取成功完成時觸發(fā) onloadend讀取完成時觸發(fā)，無論成功還是失敗 onloadstart開始讀取時觸發(fā) onprogress讀取。

windowonload = function try 動態(tài)創(chuàng)建一個canvas元 ，并獲取他2Dcontext如果出現(xiàn)異常則表示不支持 documentcreateElementquotcanvasquotgetContextquot2dquotdocumentgetElementByIdxquotsupportquotinnerHTML = quot瀏覽器支持HTML5 CANVASquot catch e documentgetElementByIdxquot。

2 label與form控件的關(guān)聯(lián)，如 ltlabel for=quotMyInputquotMy Inputltlabel ltinput id=quotMyInputquot type=quottextquot for屬性指定與label關(guān)聯(lián)的元素的id，不可用name替代3腳本中獲得對象IE支持在腳本中直接以id而不是name引用該id標(biāo)識的對象例如上面的input，要在腳本中獲得輸入的內(nèi)容。

觸摸事件，包括touchstarttouchmove和touchend，在HTML5中用于處理與移動設(shè)備屏幕交互的相關(guān)事件這些事件最初由iOs版Safari瀏覽器引入，用于彌補移動設(shè)備上缺少鼠標(biāo)和鍵盤的交互限制隨著Android瀏覽器的跟進(jìn)，觸摸事件成為移動網(wǎng)頁開發(fā)中不可或缺的一部分觸摸事件主要在用戶觸摸滑動和離開屏幕時觸發(fā)。

最少在瀏覽器內(nèi)部js無法做到 不過對于chrome或者firefox，safari之類的瀏覽器可以用過Notification這個類來做一個彈出通知然而notification必須要支持html5，太麻煩目前要求窗口獲取焦點，基本上用alert去實現(xiàn)由于IE的是其作用的，不被禁止的，配合onblur獲取焦點事件，還能構(gòu)造。

HTML5 是下一代 HTML 標(biāo)準(zhǔn)，開始吸引越來越多人的目光HTML5 的 DOM Storage 機制提供了一種方式讓程序員能夠把信息存儲到本地的計算機上，在需要時獲取這點和 cookie 相似，區(qū)別是 DOM Storage 提供了更大容量的存儲空間目前，在客戶端保存數(shù)據(jù)使用最多的是 cookie，但 cookie 的大小上限為。

創(chuàng)建項目通常通過`phonegap create`命令完成，添加插件時使用相應(yīng)命令，如添加網(wǎng)絡(luò)插件之后，在。

preload預(yù)加載 autoplay自動播放 loop循環(huán)播放 controls瀏覽器自帶的控制條 width視頻寬度 height視頻高度 html 代碼ltvideo id=quotmediaquot src=quotmp4quot controls width=quot400pxquot heigt=quot400pxquotltvideo audio和video都可以通過JS獲取對象，JS通過id獲取。

Dragover事件 drop對象 當(dāng)Drag對象在Drop目標(biāo)對象上移動時觸發(fā)，且會反復(fù)的觸發(fā)該事件Dragleave事件 drop對象 Dragleave事件在這個拖動對象離開Drop目標(biāo)對象的范圍時觸發(fā)Drop事件 drop對象 當(dāng)這個Drag對象在Drop對象上釋放鼠標(biāo)時觸發(fā) 這些是HTML5的新特性，可以在秒秒學(xué)查找相關(guān)的資料。

這個是跟瀏覽器的兼容性有關(guān)的oninput是HTML5的標(biāo)準(zhǔn)事件，所有標(biāo)準(zhǔn)瀏覽器都是支持的，但是在IE678中則不支持，要改用onpropertychange事件這個事件則是只有IE才支持的。

此外，你還可以為canvas元素添加事件監(jiān)聽器，以便響應(yīng)用戶的交互操作例如，監(jiān)聽鼠標(biāo)點擊事件，當(dāng)用戶點擊canvas時，可以觸發(fā)繪圖或其他操作總之，通過使用documentgetElementById方法獲取canvas元素，并通過getContext方法初始化繪圖環(huán)境，你便可以開始在HTML5中使用canvas進(jìn)行圖形繪制和動畫制作。

使用 HTML5 的 Notification API的方法1申請權(quán)限 出于安全考慮，要發(fā)送桌面消息，需要先申請用戶授權(quán)Notification對象提供了一個靜態(tài)的方法requestPermission，它接收一個回調(diào)函數(shù)作為參數(shù)，并把返回值傳遞給回調(diào)函數(shù)作為參數(shù)NotificationrequestPermissionfunctionstatus ifNotification。

瀏覽器的進(jìn)后退也能對其進(jìn)行控制，所以人們在 html5 的 history 出現(xiàn)前，基本都是使用 hash 來實現(xiàn)前端路由的 hash模式背后的原理是onhashchange事件，可以在window對象上監(jiān)聽這個事件關(guān)鍵的一點是，因為hash發(fā)生變化的url都會被瀏覽器記錄下來，從而你會發(fā)現(xiàn)瀏覽器的前進(jìn)后退都可以用了，同時點擊后退。