Aujourd'hui, enregistrons le bon bouton de souris de JS et décomposons d'abord son principe de mise en œuvre:
1. Bloquer l'événement par défaut cliqueté avec le bouton droit; (Je pensais que celui que j'avais modifié était l'événement par défaut)
2. Se cacher d'un ul; (J'ai pensé une fois que c'est digne de div, sueur)
3. Réponse au clic droit de la souris et afficher l'ul caché;
4. Après que la souris a cliqué à nouveau, l'UL est à nouveau cachée
De ce point de vue, est-ce beaucoup plus facile à faire? Tout d'abord, mettez le code:
partie HTML
<ul id = "TestRight"> <li> <a href = "#"> start </a> </li> <li> <a href = "#"> Pause </a> </li> <li> <a href = "#"> culte </a> </li> </ul>
Partie javascript:
window.onload = function () {var forright = document.getElementById ("testRight"); // Obtenez l'objet, maintenant je connais trop avec forright.style.display = "Aucun"; var title = forright.getElementsByTagName ("li"); for (var i = 0; i <title.length; i ++) {title [i] .onMouseOver = function () {this.classname = "active"; // en fait, nous pouvons également appeler d'autres événements ici}; title [i] .onMouseout = function () {// Il s'agit également de deux événements de la souris, this.classname = ""; }; } document.onContextMenu = function (event) {// Ceci est le point clé de l'implémentation var event = event || window.event; // Ce n'est pas un problème FORRIGHT.STYLE.DISPlay = "Block"; forright.style.left = event.clientx + "px"; forright.style.top = event.clienty + "px"; // Les coordonnées de souris return false; // le return false ici est pour bloquer l'événement par défaut}; Document.OnClick = function () {// Il s'agit d'imiter plus vivement Forright.Style.display = "None"; }; };Examinons d'abord la partie la plus critique de l'enregistrement d'aujourd'hui: si l'événement document.onContextMenu renvoie faux, il s'agit de bloquer l'événement par défaut. Si nous n'écrivons rien d'autre, nous n'écrivons que le retour dans cet événement, comme si c'était ce qui suit
document.onContextMenu = function () {return false; }De cette façon, aucune réponse n'apparaîtra si vous le cliquez avec le bouton droit. Revenez ensuite et regardez l'ensemble de l'application de l'événement. Il semble que, à l'exception de cet événement, les autres sont des événements plus familiers, mais ce type d'intégration des événements fait toujours défaut. La clé est de penser à la créativité. Mais peu importe où il y en a trop, faisons-le d'abord, mais je veux lire attentivement trois mille poèmes, et je ne veux pas les écrire et demander. Position de cheval, position de cheval, position de cheval ...