Native js en el lado web se da cuenta de la pantalla completa y sale de la pantalla completa (función F11)

1. Use el botón para controlar la función de pantalla completa en el proyecto

1. Seleccione el elemento (generalmente un botón) para realizar la función de pantalla completa

var $fullBtn = document.querySelector('.fullBtn') //botón de pantalla completa

2. Seleccione el elemento para que sea de pantalla completa (la pantalla completa es generalmente el cuerpo de pantalla completa está bien)

var $fullScreen = document.querySelector('body') //Obtener el cuerpo de la página completa

3. Supervise el botón de pantalla completa para obtener el efecto de pantalla completa, el código es el siguiente:

 

2. Use el botón en el proyecto para salir de la operación de pantalla completa

1. Seleccione el elemento (generalmente un botón) para salir de la función de pantalla completa

var $cancelBtn = document.querySelector(".cancelBtn") //Botón Salir

2. Supervise el efecto de pantalla completa de salida realizado por el botón de pantalla completa de salida, el código es el siguiente:

3. Use el botón Esc en el proyecto para salir de la pantalla completa (no necesita hacer ninguna operación aquí, la computadora puede salir, pero el botón Esc se controla aquí para que desaparezca el "botón de pantalla completa", de lo contrario no se verá bien)

el código se muestra a continuación:

Supongo que te gusta

Origin blog.csdn.net/weixin_44191318/article/details/125290649
Recomendado
Clasificación