JSFiddle - React, Tailwind, and code Playground

by Academia

HTML

<script src="http://sanmarx2.eu5.org/js/jquery.caret-1.5.2.min.js"></script>
<script src="http://sanmarx2.eu5.org/js/jquery.hotkeys-0.7.9.min.js"></script>
<input id="presentTense"/>

JavaScript

$('#presentTense').bind('keydown', 'Ctrl+a', function (event) {
    event.preventDefault();
    var start = $(this).range()["start"];
    var end = $(this).range()["end"];
    //$("#start").html(start);
    //$("#end").html(end);
    var len = this.value.length;
    //$("#len").html(len);
    this.value = [this.value.slice(0,start), 
                  'á',
                  this.value.slice(end,len)].join('');
    $(this).caret(start);
});