JSFiddle - React, Tailwind, and code Playground

by joelpurra

HTML

<script src="http://joelpurra.github.com/plusastab/lib/emulatetab/src/emulatetab.joelpurra.js"></script>
<script src="http://joelpurra.github.com/plusastab/src/plusastab.joelpurra.js"></script>
<script src="https://raw.github.com/jeresig/jquery.hotkeys/master/jquery.hotkeys.js"></script>
<form data-plus-as-tab="true">
Field 1 : <input type="text" name="field1" id="field1"><br>
Field 1 :  <input type="text" name="field1" id="field2"><br>
Field 1 : <input type="text" name="field1" id="field3"><br>
</form>

<script>
//<![CDATA[
    JoelPurra.PlusAsTab.setOptions({
        key: 13
    });
//]]>
</script>

JavaScript

jQuery(function() {
    $("#field1").focus();

    $("body, input[type=text]").bind('keydown', 'f4', function(evt) {
        alert("Hello, I'm F4 Key");
        return false;
    });
});