É 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.
-
Você quer impedir que o usuário selecione texto no seu sitema/sistema?– MarconiCommented 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?– jeanCommented 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?– RFLCommented 28/03/2017 às 14:51
-
1Eu 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.– Hugo BorgesCommented 28/03/2017 às 16:04
|
Mostrar mais 5 comentários
1 Resposta
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>
-
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