1

Como editar o texto de uma div ou de seus filhos ao clicar no texto, com JavaScript ou jQuery?

Exemplo, ao clicar duas vezes em Texto aqui ser possível alterar o texto e/ou apaga-lo

#alterar {background:#e3e3e3;padding:15px;}
#naoAlterar {background:#ccc;padding:5px;margin:-5px}
<div id="alterar">
Texto aqui
<p>Texto aqui</p>
<span>Texto aqui</span>
<br/><br/>
<div id="naoAlterar">Texto aqui</div>
</div>

1
  • O evento dblclick é enviado para um elemento quando o elemento é clicado duas vezes. Qualquer elemento HTML pode receber este evento. api.jquery.com/dblclick
    – user60252
    Commented 21/08/2018 às 2:06

1 Resposta 1

1

Você pode adicionar à div contentEditable="true"para tornar o elemento editável: developer.mozilla.org

Como você quer isso apenas do duplo click, pode fazer isso usando um evento:

$('#banner-message').dblclick(function() {
   $(this).attr("contentEditable","true");
});

$('#banner-message').blur(function() {
   $(this).attr("contentEditable","false");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="banner-message" >
  <p>Hello World</p>
</div>

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 .