Web移動端之touch事件

touch事件

• 移動端特有事件，換句話說，觸屏裝置特有事件，Android，iOS裝置
• 前三個很重要，需要牢牢掌握。

touchstart

• 手指剛剛觸摸到螢幕處觸發的事件

touchmove

• 手指在螢幕上滑動的時候，會不停地觸發

touchend

• 手指離開螢幕的時候觸發

touchcancel

• 被迫終止（比如說突然來電）滑動，觸發的事件

怎麼綁定這些事件

綁定：on 但是第二次會覆寫

/* 給div綁定touch事件 */
		var dom = document.querySelector("div");

		// touchstart
		//dom.attachEvent();	ie
		/* 手指剛剛觸摸到螢幕處觸發的事件 */
		dom.addEventListener("touchstart",function(){
			console.log("touchstart");
		});
		/* 手指在螢幕上滑動的時候，會不停地觸發 */
		dom.addEventListener("touchmove",function(){
			console.log("touchmove");
		});
		/* 手指離開螢幕的時候觸發  */
		dom.addEventListener("touchend",function(){
			console.log("touchend");
		});