跳到主要內容

Mobile 開發可以多利用的HTML5新事件

1.判斷使用者是否在線上有更明確、簡單的事件可用


wwindow.addEventListener("online", function() {
  console.log("online.");
});

window.addEventListener("offline", function() {
  console.log("offline.");
});

2.多用touch event 取代滑鼠 event,特別是 touchstart 跟 onclick 的反應時間有些差距


3.觸碰筆跡的新事件


onpointerdown, onpointerup, onpointermove, onpointerover,
onpointerout, onpointerenter, onpointerleave.

4.調整為全螢幕顯示


過去常用的作法
window.scrollTo(0,1);

可以使用的新方法
[element].requestFullscreen();
[element].currentFullScreenElement();
document.cancelFullscreen();
document.fullscreenEnabled();
document.isFullScreen();

5.瀏覽器的事件處理流程如下圖,Mobile開發可以多注意關於載入順序的部分

留言