触æ¸äºä»¶ä¾å
ontouchstart
ontouchmove
ontouchend
ontouchcancelç®å移å¨ç«¯æµè§å¨åæ¯æè¿4个触æ¸äºä»¶ï¼å
æ¬IEãç±äºè§¦å±ä¹æ¯æMouseEventï¼å æ¤ä»ä»¬ç顺åºæ¯éè¦æ³¨æçï¼touchstart â mouseover â mousemove â mousedown â mouseup â click1
/**
* onTouchEvent
*/
var div = document.getElementById("div");
//touchstart类似mousedown
div.ontouchstart = function(e){
//äºä»¶çtoucheså±æ§æ¯ä¸ä¸ªæ°ç»ï¼å
¶ä¸ä¸ä¸ªå
ç´ ä»£è¡¨åä¸æ¶å»çä¸ä¸ªè§¦æ§ç¹ï¼ä»èå¯ä»¥éè¿touchesè·åå¤ç¹è§¦æ§çæ¯ä¸ªè§¦æ§ç¹
//ç±äºæ们åªæä¸ç¹è§¦æ§ï¼æ以ç´æ¥æå[0]
var touch = e.touches[0];
//è·åå½å触æ§ç¹çåæ ï¼çåäºMouseEventäºä»¶çclientX/clientY
var x = touch.clientX;
var y = touch.clientY;
};
//touchmove类似mousemove
div.ontouchmove = function(e){
//å¯ä¸ºtouchstartãtouchmoveäºä»¶å ä¸preventDefaultä»èé»æ¢è§¦æ¸æ¶æµè§å¨ç缩æ¾ãæ»å¨æ¡æ»å¨ç
e.preventDefault();
};
//touchend类似mouseup
div.ontouchup = function(e){
//nothing to do
};
温馨提示:内容为网友见解,仅供参考