Mas às vezes encontramos esse problema. Queremos proibir os visitantes de usar o menu do botão direito ou bloquear certas funções do menu do botão direito. Por exemplo, para proteger o conteúdo da página da web, não queremos visitantes. para visualizar o código-fonte da página da web através do menu do botão direito. Não queremos que eles selecionem, copiem, etc. conteúdo da web clicando com o botão direito. Ao considerar esse problema, muitos web designers simplesmente bloqueiam o clique com o botão direito. Em vez de fazer isso, podemos também usar scripts para implementar um menu de botão direito estilizado e adicioná-lo em Carregar nosso próprio conteúdo neste menu de botão direito. Vamos experimentar essa ideia agora.
A primeira coisa que precisamos considerar é chamar uma função através do evento de clique com o botão direito do mouse. Esta função é usada para exibir o conteúdo do novo menu do botão direito. Sabemos que o evento de clique com o botão direito do mouse é chamado por meio de document.oncontextmenu Se definirmos document.oncontextmenu = uma determinada função, podemos chamar o novo menu do botão direito. A questão principal é como controlar o menu por meio disso. Ao mesmo tempo, o menu deve ser ocultado através do evento de clique do formulário document.body.onclick (geralmente refere-se ao clique com o botão esquerdo). Este processo completa o pop-up e ocultação do menu do botão direito.
Primeiro, vamos dar uma olhada neste código de script:
/*Inicialização*/
<linguagem script="JavaScript1.2">
/*Se o navegador atual for o Internet Explorer, document.all retornará true*/
if (document.all && window.print) {
/*Selecione o estilo de exibição da caixa de menu*/
ie5menu.className = menuskin;
/*O processo de processamento de redirecionamento do evento do botão direito do mouse é o programa personalizado showmenuie5*/
document.oncontextmenu = showmenuie5;
/*O processo de processamento de redirecionamento do evento do botão esquerdo do mouse é o programa personalizado hidemenuie5*/
document.body.onclick = hidemenuie5;
}
</script>
Geralmente, o evento do botão direito do mouse ocorre após o carregamento da página, portanto para não afetar a velocidade de carregamento da página, podemos colocar este código no final da página. Este código é muito simples. Primeiro verifique se é um navegador IE. Em caso afirmativo, a seguinte definição deve ser válida. Ou seja, quando é detectado que o navegador utilizado pelo cliente é o IE, a função showmenuie5 é chamada quando o usuário gera um evento de clique com o botão direito, e a função hidemenuie5 é chamada quando o usuário gera um evento de clique com o botão esquerdo.
Tendo resolvido o problema acima, agora temos que considerar como exibir e ocultar o menu através da função showmenuie5 e da função hidemenuie5. Claro, o menu aqui não é um menu real do botão direito, mas uma div que nós mesmos criamos e colocamos as coisas que queremos colocar nesta div. Chame a função por meio de eventos do mouse para controlar sua visibilidade, o que obtém o mesmo efeito de usar o botão direito do mouse.