mirror of
https://github.com/wassname/DefinitelyTyped.git
synced 2026-09-09 11:13:57 +08:00
add screenfull definition
This commit is contained in:
@@ -0,0 +1,62 @@
|
||||
/// <reference path="screenfull.d.ts" />
|
||||
|
||||
function test_fullscreen_page() {
|
||||
if (screenfull.enabled) {
|
||||
screenfull.request();
|
||||
}
|
||||
}
|
||||
|
||||
function test_fullscreen_element() {
|
||||
var elem = document.getElementById('target');
|
||||
if (screenfull.enabled) {
|
||||
screenfull.request(elem);
|
||||
}
|
||||
}
|
||||
|
||||
function test_toggle() {
|
||||
var elem = document.getElementById('target');
|
||||
if (screenfull.enabled) {
|
||||
screenfull.toggle(elem);
|
||||
}
|
||||
}
|
||||
|
||||
function test_exit() {
|
||||
if (screenfull.enabled) {
|
||||
screenfull.request();
|
||||
}
|
||||
document.getElementById('target').addEventListener('click', function () {
|
||||
if (screenfull.enabled) {
|
||||
screenfull.exit();
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function test_detect_change() {
|
||||
if (screenfull.enabled) {
|
||||
document.addEventListener(screenfull.raw.fullscreenchange, function () {
|
||||
if (screenfull.isFullscreen) {
|
||||
console.log('fullscreen');
|
||||
} else {
|
||||
console.log('not fullscreen');
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function test_detect_error() {
|
||||
if (screenfull.enabled) {
|
||||
document.addEventListener(screenfull.raw.fullscreenerror, function (event) {
|
||||
console.error('Failed to enable fullscreen', event);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function test_access_element() {
|
||||
var elem = document.getElementById('target');
|
||||
if (screenfull.enabled) {
|
||||
screenfull.request(elem);
|
||||
if (elem !== screenfull.element) {
|
||||
alert('incorrect element property');
|
||||
}
|
||||
}
|
||||
}
|
||||
Vendored
+26
@@ -0,0 +1,26 @@
|
||||
// Type definitions for screenfull.js 2.0.0
|
||||
// Project: https://github.com/sindresorhus/screenfull.js
|
||||
// Definitions by: Ilia Choly <http://github.com/icholy>
|
||||
// Definitions: https://github.com/borisyankov/DefinitelyTyped
|
||||
|
||||
|
||||
declare var screenfull: IScreenfull;
|
||||
|
||||
interface IScreenfullRaw {
|
||||
requestFullscreen?: string;
|
||||
exitFullscreen?: string;
|
||||
fullscreenElement?: string;
|
||||
fullscreenEnabled?: string;
|
||||
fullscreenchange?: string;
|
||||
fullscreenerror?: string;
|
||||
}
|
||||
|
||||
interface IScreenfull {
|
||||
isFullscreen: boolean;
|
||||
element: Element;
|
||||
enabled: boolean;
|
||||
raw: IScreenfullRaw;
|
||||
request(elem?: Element): void;
|
||||
toggle(elem?: Element): void;
|
||||
exit(): void;
|
||||
}
|
||||
Reference in New Issue
Block a user