Hoje, vamos gravar o botão certo do Mouse de JS e primeiro decompor seu princípio de implementação:
1. Bloqueie o clique com o botão direito do mouse no evento padrão; (Eu pensei que o que modifiquei era o evento padrão)
2. Escondendo -se de um UL; (Uma vez pensei que isso é digno de div, suor)
3. Resposta ao clique direito do mouse e exiba o UL oculto;
4. Depois que o mouse é clicado novamente, o UL está escondido novamente
Desse ponto de vista, é muito mais fácil fazer? Primeiro, coloque o código:
parte html
<ul id = "testright"> <li> <a href = "#"> start </a> </li> <li> <a href = "#"> pausa </a> </li> <li> <a href = "#"> adoração </a> </li> </ul>
Javascript Part:
window.onload = function () {var forright = document.getElementById ("testright"); // Obtenha o objeto, agora estou familiarizado com o forright.style.display = "nenhum"; var title = forright.getElementsByTagName ("li"); for (var i = 0; i <title.length; i ++) {title [i] .onMouseOver = function () {this.className = "attive"; // Na verdade, também podemos chamar outros eventos aqui}; título [i] .onMouseOut = function () {// Este também são dois eventos do mouse, this.className = ""; }; } document.onContextMenu = function (event) {// Este é o ponto -chave da implementação var evento = event || window.event; // Este não é um problema para bem -estar.style.display = "block"; forright.style.left = event.clientx+"px"; forright.style.top = event.clienty+"px"; // as coordenadas do mouse retornam false; // O retorno false aqui é bloquear o evento padrão}; Document.OnClick = function () {// é imitar mais vividamente para bem -estar.style.display = "nenhum"; }; };Vamos primeiro olhar para a parte mais crítica do registro de hoje: se o evento Document.onContextMenu retornar false, é para bloquear o evento padrão. Se não escrevermos mais nada, apenas escrevemos retorno neste evento, como se fosse o seguinte
document.onContextMenu = function () {return false; }Dessa forma, nenhuma resposta aparecerá se você clicar com o botão direito do mouse. Em seguida, volte e olhe para todo o aplicativo de evento. Parece que, exceto para este evento, o resto são eventos mais familiares, mas esse tipo de integração de eventos está sempre faltando. A chave é pensar em criatividade. Mas não importa onde haja muitos, vamos fazer isso primeiro, mas quero ler três mil poemas com cuidado, e não quero escrevê -los e apenas perguntar. Postura de cavalo, postura de cavalo, postura de cavalo ...