Infelizmente o JavaScript não possui um método que detecta o clique de forma contínua. O evento mousedown
é disparado quando você clica tanto com o botão esquerdo quanto com o direito e só é detectado uma vez, mesmo que você segure o clique.
O evento mouseup
faz o inverso, detecta quando o clique é liberado.
O que é possível fazer para simular uma ação contínua com o mousedown
é inserir um setInterval
chamando uma ação repetidas vezes após um breve intervalo. Ao soltar o clique, disparar o evento mouseup
cancelando o setInterval
.
Agora, como o mousedown
detecta tanto o clique esquerdo quanto o direito, você pode usar a propriedade buttons
do evento para saber qual botão foi clicado:
buttons: 1 (clique esquerdo)
buttons: 2 (clique direito)
Você pode também desativar o menu que é aberto ao clique direito. Para isso retorne false
no evento contextmenu
:
botao.addEventListener("contextmenu", function(e){
e.preventDefault();
}, false);
Exemplo:
var botao = document.getElementById("botao");
var intervalo;
botao.addEventListener("mousedown", function(e){
if(e.buttons == 2){
intervalo = setInterval(pressionado, 100);
}
});
botao.addEventListener("mouseup", function(){
clearInterval(intervalo);
});
// desativar o menu do clique direito
botao.addEventListener("contextmenu", function(e){
e.preventDefault();
}, false);
function pressionado(){
var html = '<p>texto</p>';
document.getElementById("areadeteste").innerHTML += html;
}
<button id="botao">Clique aqui com o botão direito, segure um pouco e solte</button>
<div id="areadeteste"></div>
mousedown
emouseup
. Podes explicar melhor o que queres fazer?