Element full-screen setting and listening instance, full-screen listening instance
Set full screen and exit full screen
// Full screen setting $ ('# fullScreen '). on ('click', function () {fullScreen () ;}); // exit full screen $ ('# exitFullScreen '). on ('click', function () {exitFullScreen () ;}); // enter full screen function fullScreen () {var obj = document. getElementById ('editmark'); if (obj. requestFullScreen) {obj. requestFullScreen ();} else if (obj. webkitRequestFullScreen) {obj. webkitRequestFullScreen ();} else if (obj. msRequestFullScreen) {obj. msRequestFullScreen ();} else if (obj. required requestfullscreen) {obj. required requestfullscreen () ;}} function exitFullScreen () {var obj = document. getElementById ('editmark'); if (document. exitFullscree) {document. exitFullscree ();} else if (document. webkitExitFullscreen) {document. webkitExitFullscreen ();} else if (document. msExitFullscreen) {document. msExitFullscreen ();} else if (document. mozCancelFullScreen) {document. mozCancelFullScreen ();}}
Listen for full screen events
// Listen for full-screen document. addEventListener ('fullscreenchang', function () {if (document. fullscreenElement) {alert (1) ;}else {alert (2) ;}, false); document. addEventListener ('msfullscreenchang', function () {if (document. msFullscreenElement) {alert (1) ;}else {alert (2) ;}, false); document. addEventListener ('inclufullscreenchang', function () {if (document. revoke fullscreen) {alert (1) ;}else {alert (2) ;}, false); document. addEventListener ('webkitfullscreenchang', function () {if (document. webkitIsFullScreen) {alert (1) ;}else {alert (2) ;}, false );
The full-screen setting and listening instance of the above element is all the content shared by Alibaba Cloud. I hope you can give us a reference and support for the customer's home.