HTML5 觸控事件入門：使用 touchstart 實現點擊螢幕彈出提示

在行動裝置網頁開發中，需響應觸控而非滑鼠點擊。touchstart 事件在手指觸碰螢幕瞬間觸發，適合實現即時互動。

標準寫法

document.addEventListener('touchstart', function () {
    alert("A");
}, false); // false 表示冒泡階段捕獲

關鍵點補充

• touchstart、touchmove、touchend、touchcancel 四大觸控事件。
• 事件物件 e.touches、e.changedTouches、e.targetTouches 提供多點觸控座標。
• 若需區分點擊與滑動，可在 touchend 判斷位移距離與時間。
• 在桌面瀏覽器測試可使用開發者工具裝置模擬器。

進階：委派給特定元素

$('#myCanvas').on('touchstart', function(e) {
    e.preventDefault(); // 防止頁面滾動
    alert("Canvas touched");
});

記得在 CSS 設定 touch-action: none 或 touch-action: manipulation 控制瀏覽器預設觸控行為。