JSFiddle - React, Tailwind, and code Playground
HTML
<input class="startblur">
<input class="startblur">
<input class="startblur">
JavaScript
jQuery(function () {
// code start here
(function () {
var focusing = null,
handler = function () {
var self = $(this);
self.off('.leftalign').removeData('leftalign_flag');
this.setSelectionRange(0,0);
if (!!focusing) {
focusing.focus();
focusing = null;
}
};
$(document).on('focus', '*', function () {
if (!focusing) { focusing = $(this); }
});
$('input.startblur').on('change', function () {
var self = $(this);
if (!self.data('leftalign_flag')) {
self.data('leftalign_flag', true);
$(this).on('blur.leftalign', handler);
}
});
})();
// code end here
});