JSFiddle - React, Tailwind, and code Playground

by michalbe

HTML

<input type="text" id="test-input" value="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis est non nisi gravida egestas. Nunc massa tortor, tincidunt id rhoncus dignissim, fermentum sed massa. In aliquet, dolor id gravida dignissim, sapien mauris ornare nulla, a bibendum mi lorem id massa. Nam ullamcorper vehicula odio eget pharetra. Fusce venenatis lorem et lorem dapibus ut rutrum quam imperdiet. Curabitur viverra ullamcorper feugiat. Nam molestie volutpat velit. Morbi faucibus, ante non dapibus aliquet, odio dolor aliquam eros, in porttitor arcu augue a enim. " />
Current position: <span id="current-position"></span>

CSS

input {
    width: 90%;
}

JavaScript

var currentPosition = document.getElementById('current-position');
var test = document.getElementById('test-input');

var getCurrentPosition = function(){
    currentPosition.innerHTML = test.selectionEnd;
}

test.addEventListener('click', getCurrentPosition, false);
test.addEventListener('keypress', getCurrentPosition, false);