这个jQuery插件提供了一种简单易用的机制来控制现代浏览器的新全屏模式

Posted

tags:

中文标题:这个jQuery插件提供了一种简单易用的机制来控制现代浏览器的新全屏模式 原文标题:This jQuery plugin provides a simple to use mechanism to control the new fullscreen mode of modern browsers 项目评级:Star:338      Fork:148 下载地址:https://github.com/code-lts/jquery-fullscreen-plugin 详情介绍

jQuery全屏插件

描述

这个jQuery插件提供了一个简单易用的机制来控制

现代浏览器的新全屏模式。目前仅基于较新的Webkit

浏览器(如Chrome和Safari)、Firefox和IE11+提供了这种新功能

全屏功能。

用法

进入全屏模式

您可以将整个页面或单个HTML元素切换为全屏

模式:

只有当代码由用户交互触发时,这才有效(对于

例如按钮上的onclick事件)。浏览器不允许输入

无需用户交互的全屏模式。

退出全屏模式

全屏模式总是通过文档退出,但此插件允许

它也通过任何HTML元素。所选HTML的所有者文档

元素,则:

查询全屏模式

只需不向fullScreen方法传递参数即可查询当前

状态该方法返回当前全屏元素(如果

浏览器不支持此功能),如果不支持,则false

当浏览器完全不支持全屏模式时,激活或null

因此,您也可以使用此方法来显示全屏按钮,仅当

浏览器支持全屏模式:

切换全屏模式

该插件提供了另一种简单的全屏模式切换方法:

通知

全屏模式已更改。如果浏览器拒绝全屏显示

状态更改,则插件在

文件例子:

全屏iframe

默认情况下,不允许从iframe中进入全屏模式,但

它可以通过iframe上的几个属性来启用:

已知问题

jQuery简单易用的网页内容打印插件

jQuery插件学习笔记

jquery.bsgrid —— 简单易用的 jQuery Grid 插件

基于Casbin的Docker权限管理访问控制插件

前端之jQuery03 插件

jQuery分页插件twbsPagination