selectionStart, selectionEnd and selectionDirection – Propriedades para saber o que o usuário selecionou em HTML Input

Essas três propriedades podem ser usadas para descobrir o que um usuário selecionou e elas são muito fáceis de usar. Se o usuário selecionar texto em um campo de entrada, você poderá usá-lo para avaliar o que foi selecionado.

Acima, o código testa a cada intervalo os valores de seleção a cada segundo.
selectionStart e selectionEnd retornam números descrevendo a posição da seleção, mas selectionDirection surpreendentemente não retorna nenhum quando você seleciona coisas com o mouse ou trackpad, mas “forward” ou “backward” quando for selecionado texto usando SHIFT e as teclas de seta ou de controle.

Gostou? Tire um minutinho e dê sua contribuição para Drall Dev Community no Patreon!

Artigos relacionados:

HTML – Radio vs Checkbox Fazer upload de vários arquivos com um HTML input type=”file” e sem uso de JS e Flash defaultValue – Propriedades do HTMLInputElements Como saber seu usuário atual no MySQL / MariaDB SMTP protocol synchronization error (input sent without waiting for greeting): rejected connection from H=localhost [127.0.0.1] input=”\026\003\001\002″ PHP – Como saber se uma classe foi definida pelo usuário ou é built-in Usar Skype sem senha para contactar outro usuário Obter o total de commits de cada usuário no GIT Ideia básica de como efetuar HTML linting com CSS