xxm-test-js/dist/lib/enterFullscreen.js

xxm-js通用js工具(utils)库

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.enterFullscreen = enterFullscreen;
/**
 * 请求指定元素进入全屏模式。
 *
 * @param {HTMLElement | null} element - 要进入全屏模式的 HTML 元素，可能为 null。
 * @throws {TypeError} 如果传入的参数不是有效的 HTMLElement 或 null，将抛出错误。
 *
 * @example
 * ```typescript
 * const targetElement = document.getElementById('your-element-id');
 * enterFullscreen(targetElement);
 * ```
 */
function enterFullscreen(element) {
    // 检查传入的元素是否为有效的 HTMLElement 或 null
    if (element !== null && !(element instanceof HTMLElement)) {
        throw new TypeError('传入的参数必须是有效的 HTMLElement 或 null');
    }
    if (element) {
        if (element.requestFullscreen) {
            element.requestFullscreen();
        }
        else if (element.webkitRequestFullscreen) {
            // Safari
            element.webkitRequestFullscreen();
        }
        else if (element.msRequestFullscreen) {
            // IE11
            element.msRequestFullscreen();
        }
    }
}
//# sourceMappingURL=enterFullscreen.js.map