JSFiddle - React, Tailwind, and code Playground

by Eric L

HTML

<div id="message-container"></div>

<input type="text" value="" />
<input type="text" value="" />
<input type="text" value="" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input type="text" value="click me in chrome" />
<input...

JavaScript

var focusTimeout = 0;
$('input[type="text"]').live('focus', function(event) {
    var inp = this;
    //clearTimeout(focusTimeout);
    focusTimeout = setTimeout(function() {
        $('#message-container').html($('#message-container').html() + "*\u200b");
        inp.select();
    }, 1);
});