Escolha uma Página

Botão Direito do Mouse Javascript

por | jun 11, 2009 | Javascript | 1 Comentário

O Problema

Executar uma determinada ação quando o botão direito do mouse é pressionado sobre um elemento HTML da página.

A Solução

function teste(event)
{
   if(event.which == 1){
       alert("Esquerdo");
   }
 
   if(event.which == 2){
       alert("Meio");
   }
 
   if(event.which == 3){
       alert("Direito");
   }
}
<input onmousedown="teste(event)" type="button" value="clique" />

Veja aqui a demonstração

Conclusão

Esse pequeno exemplo só foi testado no Firefox, cada navegador possui um tratador de eventos específicos, se alguem conhecer uma biblioteca que abstraia estas coisas posta ai.

Para atalhos do teclado eu uso essa lib aqui, muito boa e flexível.

1 Comentário

  1. Leonardo de Freitas OLiveira
    Leonardo de Freitas OLiveira no 10 de maio de 2014 a partir do 21:10

    Velho eu criei este código …

    // JavaScript Document
    visible = true;
    $(document).click(function(){hideOptionBox()});
    function showOptionBox(event)
    {
    if(event.which == 2 || event.which == 3)
    {
    $(“#option_box”).css(“top”,event.pageY);
    $(“#option_box”).css(“left”,event.pageX);
    $(“#option_box”).slideDown(2000);
    visible = true;
    }
    }
    function hideOptionBox()
    {
    alert(event.which);
    if(visible == true && event.which == 1)
    {
    $(“#option_box”).slideUp(2000);
    visible = false;
    }
    }

    porém ao clicar com o botão direito ainda aparece o optionbox do browser