Aber manchmal stoßen wir auf ein solches Problem. Wir möchten Besuchern die Verwendung des Rechtsklick-Menüs verbieten oder bestimmte Funktionen des Rechtsklick-Menüs blockieren Um den Quellcode der Webseite über das Rechtsklickmenü anzuzeigen, möchten wir nicht, dass sie Webinhalte durch Klicken mit der rechten Maustaste auswählen, kopieren usw. Bei der Betrachtung dieses Problems blockieren viele Webdesigner einfach das Klicken mit der rechten Maustaste Anstatt dies zu tun, können wir auch Skripte verwenden, um ein gestaltetes Rechtsklick-Menü zu implementieren und es hinzuzufügen. Laden Sie unseren eigenen Inhalt in dieses Rechtsklick-Menü. Probieren wir diese Idee jetzt aus.
Das erste, was wir berücksichtigen müssen, ist der Aufruf einer Funktion über das Rechtsklick-Ereignis der Maus. Diese Funktion wird verwendet, um den Inhalt des neuen Rechtsklick-Menüs anzuzeigen. Wir wissen, dass das Rechtsklick-Ereignis der Maus über document.oncontextmenu aufgerufen wird. Wenn wir eine bestimmte Funktion definieren, können wir das neue Rechtsklick-Menü aufrufen Gleichzeitig muss das Menü über das Klickereignis document.body.onclick ausgeblendet werden (bezieht sich im Allgemeinen auf einen Linksklick). Dieser Vorgang vervollständigt das Popup und das Ausblenden des Rechtsklickmenüs.
Schauen wir uns zunächst diesen Skriptcode an:
/*Initialization*/
<script language="JavaScript1.2">
/*Wenn der aktuelle Browser Internet Explorer ist, gibt document.all true zurück*/
if (document.all && window.print) {
/*Wählen Sie den Anzeigestil der Menübox aus*/
ie5menu.className = menuskin;
/*Der Verarbeitungsprozess zum Umleiten des Ereignisses der rechten Maustaste ist das benutzerdefinierte Programm showmenuie5*/
document.oncontextmenu = showmenuie5;
/*Der Verarbeitungsprozess zum Umleiten des Ereignisses der linken Maustaste ist das benutzerdefinierte Programm hidemenuie5*/
document.body.onclick = hidemenuie5;
}
</script>
Im Allgemeinen tritt das Ereignis der rechten Maustaste nach dem Laden der Seite auf. Um die Ladegeschwindigkeit der Seite nicht zu beeinträchtigen, können wir diesen Code am Ende der Seite einfügen. Dieser Code ist sehr einfach. Überprüfen Sie zunächst, ob es sich um einen IE-Browser handelt. Wenn ja, sollte die folgende Definition gültig sein. Das heißt, wenn festgestellt wird, dass der vom Client verwendete Browser IE ist, wird die Funktion showmenuie5 aufgerufen, wenn der Benutzer ein Rechtsklick-Ereignis generiert, und die Funktion hidemenuie5 wird aufgerufen, wenn der Benutzer ein Linksklick-Ereignis generiert.
Nachdem wir das obige Problem gelöst haben, müssen wir nun überlegen, wie wir das Menü mit den Funktionen showmenuie5 und hidemenuie5 ein- und ausblenden können. Natürlich ist das Menü hier kein echtes Rechtsklick-Menü, sondern ein Div, das wir selbst erstellt haben, und in dieses Div haben wir die Dinge eingefügt, die wir einfügen möchten. Rufen Sie die Funktion über Mausereignisse auf, um ihre Sichtbarkeit zu steuern. Dadurch wird der gleiche Effekt erzielt wie mit der rechten Maustaste.