JSFiddle - React, Tailwind, and code Playground

by andrewray

HTML

<html><head>
  <style>
fieldset { margin-bottom: 1em; }
input { display: block; margin-bottom: .25em; }
#print-output {
  width: 100%;
}
.print-output-line {
  white-space: pre;
  padding: 5px;
  font-family: monaco, monospace;
  font-size: .7em;
}

</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
<style>html,body{border:0; margin:0; padding:0;}</style></head>
<body>
  <form>
  <fieldset>
    <label for="target">Type Something:</label>
    <input id="target" type="text">
  </fieldset>
</form>
<button id="other">
  Trigger the handler
</button>
<script type="text/javascript" src="http://api.jquery.com/scripts/events.js"></script>
<script>window.onload = (function(){
try{
var xTriggered = 0;
$('#target').keydown(function(event) {
  if (event.which == 13) {
     event.preventDefault();
   }
   xTriggered++;
   var msg = 'Handler for .keydown() called ' + xTriggered + ' time(s).';
  $.print(msg, 'html');
  $.print(event);
});

$('#other').click(function() {
  $('#target').keydown();
});
}catch(e){}});</script>


<div id="print-output"><div class="print-output-line">Handler for .keydown() called 22 time(s).</div><div class="print-output-line">{<br>originalEvent: [object KeyboardEvent],<br>type: keydown,<br>isDefaultPrevented: function returnFalse() {
    return false;
},<br>timeStamp: 1348195205021,<br>jQuery182022445123875513673: true,<br>keyCode: 27,<br>key: undefined,<br>charCode: 0,<br>char: undefined,<br>which: 27,<br>view: [object Window],<br>target: &lt;input id='target'&gt;,<br>shiftKey: false,<br>relatedTarget: undefined,<br>metaKey: false,<br>eventPhase: 2,<br>currentTarget: &lt;input id='target'&gt;,<br>ctrlKey: false,<br>cancelable: true,<br>bubbles: true,<br>altKey: false,<br>srcElement: &lt;input id='target'&gt;,<br>relatedNode: undefined,<br>attrName: undefined,<br>attrChange: undefined,<br>delegateTarget: &lt;input id='target'&gt;,<br>data: null,<br>handleObj: [object Object],<br>preventDefault: function () {
       ...