Obter posição do intervalo de texto

Obtenha a posição Top e Left do intervalo de texto e focus com o método getBoundingClientRect()

 

function targetPosition() {
    var selection = window.getSelection(), x = 0, y = 0;
    if( selection.rangeCount > 0 ) {
        var range = selection.getRangeAt(0);
        var rect = range.getBoundingClientRect();
        y = rect.top;
        x = rect.left;
        return { top: y, left: x };
    }
}
/**
 * Execultando a função */
document.querySelector(".content").addEventListener('mouseup', () => {
    var offset = targetPosition();
    console.log('Top: ', offset.top);
    console.log('Left: ', offset.left);
});

 

Veja também como obter a posição Top e Left de elementos em relação ao container pai

Categorias: JavaScript

Deixe seu comentário

Conecte-se a uma conta do google para comentar.

Nenhum comentário

    Seja o primeiro a comentar