JSFiddle - React, Tailwind, and code Playground
HTML
<p>CLICK ON THIS WINDOW FIRST. THEN:<br>
Press any keyboard char and see keycode.<br>
Note: Ctrl/Alt/Shift etc do not work. See:</p><span>
http://stackoverflow.com/questions/8942678/keyboardevent-in-chrome-keycode-is-0</span><br /><br />
<a href="http://search.weezy.us" id="gsearch">Google Search (google link alone doesn't work in jsFiddle)</a><br />
<a href="http://bing.com" id="bsearch">Bing Search</a><br />
<a href="http://yahoo.com" id="ysearch">Yahoo Search (like google, doesn't work in jsF)</a><br />
<div id="report"></div>
CSS
#report{margin-top:20px;background:wheat;}
p{color:lavender;background:darkblue;width:300px;margin:0px 0px;}
span{color:darkblue;background:lavender;}
JavaScript
$(window).keypress(function(e) {
var keycode = (e.keyCode ? e.keyCode : e.which);
var rr = $('#report').html();
$('#report').html(rr + '<br />' + keycode);
if (e.ctrlKey) alert('Control pressed');
//if (!(keycode == 115 && e.ctrlKey) && !(keycode == 19)) return true;
if (!(keycode == 83 && e.ctrlKey) && !(keycode == 17)) return true;
alert("Ctrl-S pressed");
$('#gsearch').trigger('click'); //or just .click() also works
e.preventDefault();
return false;
});
/*
For more and better information, see:
http://jsbin.com/awenaq/3
http://jsbin.com/awenaq/4
Note: add /edit to end of URL to see code. For e.g.:
http://jsbin.com/awenaq/3/edit
*/