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: