doctype html
>
<
html
>
<
head
><
title
>touch test
title
>
head
>
<
body
>
<
canvas
id="canvas"
width
="600"
height
="600"
style
="border:solid black 1px;"
>
your browser does not support canvas element.
canvas
>
<
br>
<
br>
log:
<
pre
id="log"
style
="border: 1px solid #ccc;"
>
pre>
<
script
type
="text/j**ascript"
>
document.body.onload
=startup;
//文件載入完畢觸發
varongoingtouches
=new
array();
//用來儲存跟蹤正在傳送的觸控事件
//設定事件處理程式
function
startup()
//處理觸控開始事件
function
handlestart(evt)
}//處理觸控移動事件
function
handlemove(evt)
else}}
//處理觸控結束事件
function
handleend(evt)
else}}
//處理觸控對出事件
function
handlecancel(evt)
}//選擇顏色
function
colorfortouch(touch)
//拷貝乙個觸控物件
function
copytouch(touch) ;
}//找出正在進行的觸控
function
ongoingtouchindexbyid(idtofind)
}return-1
;
//not found}
//記錄日誌
function
log(msg)
script
>
body
>
html
>
HTML5觸控事件演化tap事件
觸控事件是移動瀏覽器特有的html5事件，雖然click事件在pc和移動端更通用，但是在移動端會出現300ms延遲，較為影響使用者體驗，300ms延遲來自判斷雙擊和長按，因為只有預設等待時間結束以確定沒有後續動作發生時，才會觸發click事件。所以觸控事件反應更快，體驗更好。觸控事件的型別 為了區別...
HTML5學習之 HTML 5 拖放
拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性，即抓取物件以後拖到另乙個位置。在 html5 中，拖放是標準的一部分，任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...
html5標籤屬性大全 HTML5
音訊格式 屬性 值描述 屬性 值描述 屬性值描述 屬性值描述 gz bjsh 屬性值 描述 required required 表單擁有該屬性表示其內容不能為空，必填 placeholder 提示文字 表單的提示資訊，存在預設值將不顯示 autofocus autofocus 自動聚焦屬性，頁面載入...