html은 현재 창의 포커스 이벤트를 해결합니다.-HTML 튜토리얼-php.cn

집

웹 프론트엔드

HTML 튜토리얼

html은 현재 창의 포커스 이벤트를 해결합니다.

零下一度

Apr 21, 2017 pm 06:03 PM

이 기사는 HTML 창 포커스 모니터링 이벤트에 대한 내용입니다. 아래에서 편집자가 설명하도록 하세요. 관심 있는 친구들은 다음과 같은

코드를 살펴보세요.

<!DOCTYPE html><html><head>
    <meta charset="utf-8">
    <title>使用html5的Page Visibility API来实现</title></head><body><p>
    document.hidden：表示页面是否隐藏的布尔值。页面隐藏包括 页面在后台标签页中 或者 浏览器最小化 （注意，页面被其他软件遮盖并不算隐藏，比如打开的 sublime 遮住了浏览器）。</p><p>
    document.visibilityState：表示下面 4 个可能状态的值</p><p>
    hidden：页面在后台标签页中或者浏览器最小化</p><p>
    visible：页面在前台标签页中</p><p>
    prerender：页面在屏幕外执行预渲染处理 document.hidden 的值为 true</p><p>
    unloaded：页面正在从内存中卸载</p><p>
    Visibilitychange事件：当文档从可见变为不可见或者从不可见变为可见时，会触发该事件。</p></body><script type="text/javascript" src="jquery-3.0.0.min.js"></script><script type="text/javascript">
    var hidden, visibilityChange;    if (typeof document.hidden !== "undefined") {
        hidden = "hidden";
        visibilityChange = "visibilitychange";
    } else if (typeof document.msHidden !== "undefined") {
        hidden = "msHidden";
        visibilityChange = "msvisibilitychange";
    } else if (typeof document.webkitHidden !== "undefined") {
        hidden = "webkitHidden";
        visibilityChange = "webkitvisibilitychange";
    }    function handleVisibilityChange() {
        if (document[hidden]) {
            console.log("失去焦点");
        } else {
            console.log("得到焦点");
        }
    }    // 判断浏览器的支持情况
    if (typeof document.addEventListener === "undefined" || typeof document[hidden] === "undefined") {
        console.log("此演示需要一个浏览器，如谷歌浏览器或Firefox，支持页面可见性API。");
    } else {        // 监听visibilityChange事件
        document.addEventListener(visibilityChange, handleVisibilityChange, false);
    }</script></html>

로그인 후 복사

<!DOCTYPE html><html><head>
    <meta charset="utf-8">
    <title>使用html5的Page Visibility API来实现</title></head><body><p>
    document.hidden：表示页面是否隐藏的布尔值。页面隐藏包括 页面在后台标签页中 或者 浏览器最小化 （注意，页面被其他软件遮盖并不算隐藏，比如打开的 sublime 遮住了浏览器）。</p><p>
    document.visibilityState：表示下面 4 个可能状态的值</p><p>
    hidden：页面在后台标签页中或者浏览器最小化</p><p>
    visible：页面在前台标签页中</p><p>
    prerender：页面在屏幕外执行预渲染处理 document.hidden 的值为 true</p><p>
    unloaded：页面正在从内存中卸载</p><p>
    Visibilitychange事件：当文档从可见变为不可见或者从不可见变为可见时，会触发该事件。</p></body><script type="text/javascript" src="jquery-3.0.0.min.js"></script><script type="text/javascript">
    var hidden, visibilityChange;    if (typeof document.hidden !== "undefined") {
        hidden = "hidden";
        visibilityChange = "visibilitychange";
    } else if (typeof document.msHidden !== "undefined") {
        hidden = "msHidden";
        visibilityChange = "msvisibilitychange";
    } else if (typeof document.webkitHidden !== "undefined") {
        hidden = "webkitHidden";
        visibilityChange = "webkitvisibilitychange";
    }    function handleVisibilityChange() {
        if (document[hidden]) {
            console.log("失去焦点");
        } else {
            console.log("得到焦点");
        }
    }    // 判断浏览器的支持情况
    if (typeof document.addEventListener === "undefined" || typeof document[hidden] === "undefined") {
        console.log("此演示需要一个浏览器，如谷歌浏览器或Firefox，支持页面可见性API。");
    } else {        // 监听visibilityChange事件
        document.addEventListener(visibilityChange, handleVisibilityChange, false);
    }</script></html>

로그인 후 복사

HTML을 배워야 하는 학생 , PHP 중국어 웹사이트 html 비디오 튜토리얼에 주목하세요. 많은 HTML 온라인 비디오 튜토리얼을 무료로 시청할 수 있습니다!

위 내용은 html은 현재 창의 포커스 이벤트를 해결합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.