Pero a veces nos encontramos con un problema de este tipo. Queremos prohibir a los visitantes que utilicen el menú contextual o bloquear ciertas funciones del menú contextual. Por ejemplo, para proteger el contenido de la página web, no queremos visitantes. para ver el código fuente de la página web a través del menú contextual. No queremos que seleccionen, copien, etc. contenido web haciendo clic derecho. Al considerar este problema, muchos diseñadores web simplemente bloquean el clic derecho. En lugar de hacer esto, también podríamos usar scripts para implementar un menú contextual con estilo y agregarlo en Cargue nuestro propio contenido en este menú contextual. Probemos esta idea ahora.
Lo primero que debemos considerar es llamar a una función mediante el evento de clic derecho del mouse. Esta función se usa para mostrar el contenido del nuevo menú contextual. Sabemos que el evento de clic derecho del mouse se llama a través de document.oncontextmenu. Si definimos document.oncontextmenu = una determinada función, podemos llamar al nuevo menú contextual. La pregunta clave es cómo controlar el menú a través de esto. Al mismo tiempo, el menú debe ocultarse mediante el evento de clic del formulario document.body.onclick (generalmente se refiere al clic izquierdo). Este proceso completa la aparición y ocultación del menú contextual.
Primero, echemos un vistazo a este código de script:
/*Inicialización*/
<lenguaje de escritura="JavaScript1.2">
/*Si el navegador actual es Internet Explorer, document.all devuelve verdadero*/
if (document.all && window.print) {
/*Seleccione el estilo de visualización del cuadro de menú*/
ie5menu.className = menuskin;
/*El proceso de procesamiento de redirigir el evento del botón derecho del mouse es el programa personalizado showmenuie5*/
document.oncontextmenu = showmenuie5
/*El proceso de procesamiento de redirigir el evento del botón izquierdo del mouse es el programa personalizado hidemenuie5*/
document.body.onclick = ocultarmenuie5;
}
</script>
Generalmente, el evento del botón derecho del mouse ocurre después de que se carga la página, por lo que para no afectar la velocidad de carga de la página, podemos colocar este código al final de la página. Este código es muy simple. Primero verifique si es el navegador IE. Si es así, la siguiente definición debería ser válida. Es decir, cuando se detecta que el navegador utilizado por el cliente es IE, se llama a la función showmenuie5 cuando el usuario genera un evento de clic derecho, y a la función hidemenuie5 se llama cuando el usuario genera un evento de clic izquierdo.
Habiendo resuelto el problema anterior, ahora tenemos que considerar cómo mostrar y ocultar el menú mediante la función showmenuie5 y la función hidemenuie5. Por supuesto, el menú aquí no es un menú contextual real, sino un div que creamos nosotros mismos y colocamos las cosas que queremos poner en este div. Llame a la función a través de eventos del mouse para controlar su visibilidad, lo que logra el mismo efecto que usar el botón derecho del mouse.