JSFiddle - React, Tailwind, and code Playground

by Tinh Nguyen Nhu

HTML

<!-- getCursorPosition -->
<textarea class="field" name="" id="" cols="30" rows="10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta, placeat veritatis dolorem. Consectetur velit illo adipisci architecto ab delectus nesciunt iusto, nihil voluptatibus incidunt ullam dolor soluta cumque mollitia alias?</textarea>

<button type="button" class="btn">Get Cursor Position</button>

JavaScript

// getCursorPosition

$(".btn").on("click", function(){
  // alert("dsrg");
  $(".field").each(function(){
    var el = $(this).get(0);  
    var pos = 0;  
    if ('selectionStart' in el) {  
        pos = el.selectionStart;  
    } else if ('selection' in document) {  
        el.focus();  
        var Sel = document.selection.createRange();  
        var SelLength = document.selection.createRange().text.length;  
        Sel.moveStart('character', -el.value.length);  
        pos = Sel.text.length - SelLength;  
    }  
    alert(pos);
  });
});