add screenfull definition

This commit is contained in:
Ilia Choly
2015-01-05 09:58:05 -05:00
parent 30cfe7dedb
commit 4123264026
2 changed files with 88 additions and 0 deletions
+62
View File
@@ -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');
}
}
}
+26
View File
@@ -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;
}