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

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

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

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

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

windowonload = function try 動(dòng)態(tài)創(chuàng)建一個(gè)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腳本中獲得對(duì)象IE支持在腳本中直接以id而不是name引用該id標(biāo)識(shí)的對(duì)象例如上面的input，要在腳本中獲得輸入的內(nèi)容。

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

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

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

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

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

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

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

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

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

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