Skip to content

第 120 期(W3C 标准-JavaScript-事件):pagehide 和 pageshow #123

@wingmeng

Description

@wingmeng
  • onpagehide 事件在用户离开网页时触发(隐藏窗口,切换浏览器页签)
  • onpageshow 事件在用户浏览网页时触发
<video id="video" src="video.webm" width="300" controls></video>
var video = document.getElementById('video');

window.addEventListener('pageshow', playVideo);
window.addEventListener('pagehide', pauseVideo);

function playVideo() {
  console.log(video.duration);
  if (video.paused) {
    video.play();
    console.log(video.currentTime);
  }
}

function pauseVideo() {
  video.pause();
  console.log(video.currentTime);
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions