Hoy, registremos el botón correcto del mouse de JS y primero descomponemos su principio de implementación:
1. Bloquee el evento predeterminado de clic derecho; (Pensé que el que modifiqué era el evento predeterminado)
2. Ocultar de una UL; (Una vez pensé que esto es digno de div, sudor)
3. Respuesta al clic derecho del mouse y muestre la UL oculta;
4. Después de hacer clic nuevamente en el mouse, el UL está oculto nuevamente
Desde este punto de vista, ¿es mucho más fácil de hacer? Primero, pon el código:
parte html
<ul id = "testright"> <li> <a href = "#"> inicio </a> </li> <li> <a href = "#"> pausa </a> </li> <li> <a href = "#"> adoración </a> </li> </ul>
Parte de JavaScript:
Window.Onload = function () {var forright = document.getElementById ("testright"); // Obtener el objeto, ahora estoy demasiado familiarizado con Forright.Style.Display = "Ninguno"; var title = forright.getElementsBytagName ("li"); for (var i = 0; i <title.length; i ++) {title [i] .onmouseover = function () {this.classname = "activo"; // De hecho, también podemos llamar a otros eventos aquí}; Título [i] .onmouseout = function () {// Esto también es dos eventos del mouse, this.classname = ""; }; } document.onContextMenu = function (event) {// Este es el punto clave de implementación var event = event || window.event; // Este no es un problema para derecho.style.display = "bloque"; forright.style.left = event.clientx+"px"; forright.style.top = event.clienty+"px"; // Las coordenadas del mouse return false; // El retorno falso aquí es bloquear el evento predeterminado}; document.OnClick = function () {// es para imitar más vívidamente forright.style.display = "ninguno"; }; };Primero veamos la parte más crítica del registro de hoy: si el evento document.oncontextmenu devuelve falso, es bloquear el evento predeterminado. Si no escribimos nada más, solo escribimos regreso en este evento, como si fuera lo siguiente
document.onContextMenu = function () {return false; }De esta manera, no aparecerá ninguna respuesta si la hace clic con el botón derecho. Luego regrese y mire toda la aplicación del evento. Parece que, a excepción de este evento, el resto son eventos más familiares, pero siempre falta este tipo de integración de eventos. La clave es pensar en la creatividad. Pero no importa dónde haya demasiados, hagámoslo primero, pero quiero leer tres mil poemas con cuidado, y no quiero escribirlos y solo preguntar. Postura de caballos, postura de caballos, postura de caballos ...