I'm creating namespaced events with jquery. When I use the following function with code=112, a function, bool=false, everything works fine in FF and the F1 key submits to my function and the event does not bubble up to open the firefox help in a new tab.
function bindKeyFunc(code, func, bool){
$(document).bind('keypress.' + code, function(e){
var c = (e.keyCode ? e.keyCode : e.which);
//console.log(c);
if ( code == c) {
//e.stopPropagation();
//e.preventDefault();
func();
return bool;
}
});
}
In chrome and ie8 my event listener does not fire and the regular help occurs instead, even if I uncomment the stopPropagation and preventDefault calls.
Similarly, when I try to take over the <tab>
key for my own purposes, it works splendidly in FF but my event doesn't fire in chrome or ie8 and the default action for the tab fires instead:
$('input#manual-total').bind('keypress.dep', function(e) {
var code = (e.keyCode ? e.keyCode : e.which);
if ( code==9 ){
$('div#formset').show();
$(next).focus()[0].select();
return false;
}
});