JSFiddle - React, Tailwind, and code Playground
HTML
<form method="post" action="javascript:">
<input type="search" id="search" />
<div>some other junk goes here</div>
<div id="hiddendiv">
<button id="button">I'M ANNOYING</button>
</div>
</form>
<div id="result"></div>
CSS
#button, #hiddendiv {display:none;}
JavaScript
function clickEvent(e){
e.preventDefault();
var key = e.which || e.keyChar || e.keyCode;
$('#result').append('<p>click event:' + key + '</p>');
}
function enterEvent(e){
e.preventDefault();
var key = e.which || e.keyChar || e.keyCode;
$('#result').append('<p>enter event:' + key + '</p>');
}
$(function(){
$('#button').live('click', clickEvent);
$('#search').keyup(enterEvent);
});