2

É possível desabilitar o duplo clique em todo o site e em qualquer elemento? Isso é possível com jQuery ou HTML? Quero evitar que o usuário dê 2 cliques seguidos em links, botões e etc.

10
  • Você quer impedir que o usuário selecione texto no seu sitema/sistema?
    – Marconi
    Commented 28/03/2017 às 14:45
  • A princípio sim é possível mas e se o usuário desabilitar JS no navegador? Qual deveria ser o comportamento do site?
    – jean
    Commented 28/03/2017 às 14:47
  • Se o problema for clicar 2x em um botão e não em textos seria melhor desabilitar o link/botão após o primeiro clique, o que acha?
    – RFL
    Commented 28/03/2017 às 14:51
  • 1
    Eu acho que é má idéia. Deixa o browser seguir o comportamento padrão dele, deixa o html cumprir sua função... Bloquear cliques adicionais no browser parece ser enjambração pra resolver problema que deveria ser resolvido em outro lugar - além de não garantir nada por vários motivos (o javascript pode ser violado no browser, pode ser desabilitado, pode quebrar por um erro e o bloqueio nem ser implementado...). Acho que o ideal é que o sistema faça o que tiver que fazer no primeiro clique e não deixe que cliques adicionais corrompam os dados.
    – Caffé
    Commented 28/03/2017 às 16:03
  • @jean serial legal exibir uma mensagem ao usuário. Afinal o JS tem que ser obrigatório, pois o front-end inteiro e feito com jquery. Commented 28/03/2017 às 16:04

1 Resposta 1

3

Você pode desabilitar o elemento button por ex. depois do click e habilitar ele novamente após 2 segundos (por ex.)

function myFunction(e) {
    document.getElementById("linha").innerHTML += "<p>adicionado linha</p>";

    //Desabilita o botao
    e.disabled = true;
    
    //Habilita novamente após dois segundos (2000) ms
    setTimeout(function(){
      toggleDisabled(e)
    },2000);
}

function toggleDisabled(elem){
  elem.disabled = !elem.disabled;
}
<p>Texto de testes</p>
<button onclick="myFunction(this)" id="btn">Clique</button>
<div id="linha"></div>

3
  • Ou ao final da função (ou de alguma requisição ajax, por exemplo), que seria o mais ideal, pois não só desabilita o duplo clique como evita um novo clique em caso de demora na execução da função. Commented 28/03/2017 às 16:06
  • andrepaulo sua idéia é muito boa, é exatamente o que eu estou querendo. Porém preciso tirar uma dúvida, como posso usar ela em todas as tag button e dentro de um link assim: <div onclick="document.location='pagina.html'">menu</div>? Commented 28/03/2017 às 16:15
  • Como foi comentado na questão que se utiliza jQuery, acho que vale a edição da resposta para jQuery, vai simplificar bastante o código. Commented 28/03/2017 às 16:23

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .