Mais parfois, nous rencontrons un tel problème. Nous souhaitons interdire aux visiteurs d'utiliser le menu contextuel ou bloquer certaines fonctions du menu contextuel. Par exemple, afin de protéger le contenu de la page Web, nous ne voulons pas de visiteurs. pour afficher le code source de la page Web via le menu contextuel. Nous ne voulons pas qu'ils sélectionnent, copient, etc. le contenu Web en cliquant avec le bouton droit. Lorsqu'ils envisagent ce problème, de nombreux concepteurs de sites Web bloquent simplement le clic droit. . Au lieu de faire cela, nous pourrions aussi bien utiliser des scripts pour implémenter un menu contextuel stylisé et l'ajouter dans Charger notre propre contenu dans ce menu contextuel. Essayons cette idée maintenant.
La première chose à considérer est d'appeler une fonction via l'événement clic droit de la souris. Cette fonction est utilisée pour afficher le contenu du nouveau menu contextuel. Nous savons que l'événement de clic droit de la souris est appelé via document.oncontextmenu = une certaine fonction, nous pouvons appeler le nouveau menu contextuel. La question clé est de savoir comment contrôler le menu via cela. En même temps, le menu doit être masqué via l'événement de clic document.body.onclick du formulaire (fait généralement référence au clic gauche). Ce processus termine le pop-up et le masquage du menu contextuel.
Tout d’abord, jetons un œil à ce code de script :
/*Initialization*/
<langage de script="JavaScript1.2">
/*Si le navigateur actuel est Internet Explorer, document.all renvoie true*/
if (document.all && window.print) {
/*Sélectionnez le style d'affichage de la boîte de menu*/
ie5menu.className = menuskin;
/*Le processus de traitement de redirection de l'événement du bouton droit de la souris est le programme personnalisé showmenuie5*/
document.oncontextmenu = showmenuie5;
/*Le processus de traitement de redirection de l'événement du bouton gauche de la souris est le programme personnalisé hidemenuie5*/
document.body.onclick = hidemenuie5;
}
</script>
Généralement, l'événement du bouton droit de la souris se produit après le chargement de la page, donc afin de ne pas affecter la vitesse de chargement de la page, nous pouvons mettre ce code à la fin de la page. Ce code est très simple. Vérifiez d’abord s’il s’agit d’un navigateur IE. Si tel est le cas, la définition suivante devrait être valide. C'est-à-dire que lorsqu'il est détecté que le navigateur utilisé par le client est IE, la fonction showmenuie5 est appelée lorsque l'utilisateur génère un événement de clic droit, et la fonction hidemenuie5 est appelée lorsque l'utilisateur génère un événement de clic gauche.
Après avoir résolu le problème ci-dessus, nous devons maintenant réfléchir à la manière d'afficher et de masquer le menu via la fonction showmenuie5 et la fonction hidemenuie5. Bien sûr, le menu ici n'est pas un véritable menu contextuel, mais un div que nous avons créé nous-mêmes, et nous mettons les éléments que nous voulons mettre dans ce div. Appelez la fonction via des événements de souris pour contrôler sa visibilité, ce qui produit le même effet que l'utilisation du bouton droit de la souris.