Como selecionar o texto de um campo “input text ou textarea” durante o evento onFocus, utilizando jQuery ou apenas o Javascript puro
Para realizar essa ação pelo jQuery utilizamos o seguinte código:
jQuery(".input-test").focus(function() { jQuery(this).select(); } );
Configuramos o evento .focus e utilizamos a função .select() para selecionar o texto.
Faça o teste clicando no campo abaixo aonde o texto deverá ser selecionado.
Para fazer isso sem o jQuery devemos declarar o evento no proprio elemento.
<input type="text" onfocus="selecionar_texto(this)" id="test" name="test">
Além dessa “pequena” função para facilitar as nossas vidas.
Recurso necessário para selecionar o texto é document.createRange que pode ser utilizado tanto para selecionar um texto normal em um paragrafo como dentro de um campo.
/* função para selecionar o texto de um campo texto */function selecionar_texto(el, win) { win = win || window; var d = win.document, sel, rng; if (win.getSelection && d.createRange) { sel = win.getSelection(); rng= d.createRange(); rng.selectNodeContents(el); sel.removeAllRanges(); sel.addRange(range); } else if (d.body.createTextRange) { rng = d.body.createTextRange(); rng.moveToElementText(el); rng.select(); } }
Obviamente se você já utiliza o jQuery em seu projeto, utilize a primeira solução.
Segurança: Atualizações frequentes geralmente incluem patches de segurança para corrigir vulnerabilidades identificadas. Ao manter o Magento atualizado, você reduz significativamente…
Como adicionar uma mensagem de Alerta ou Aviso do Admin do Magento 2 Injete o Magento\Framework\Message\ManagerInterface no construtor da sua…
Para exibir as mensagens adicionadas na classe Magento\Framework\Message\ManagerInterface em um arquivo .phtml, você pode usar o seguinte código: <?php $objectManager…
Para criar um script no Magento 2 que exporte as categorias para um arquivo XML com o nome da categoria,…
Para definir um vídeo MP4 como plano de fundo em um <div> usando HTML e CSS, você pode seguir estas…
Como desativar o "lastname" no Magento 2 e Adobe Commerce Desativando a obrigatoriedade do campo Execute a SQL abaixo diretamente…