YAHOO.util.KeyListener
YAHOO.namespace("example.keylistener");
function init() {
var debug = document.getElementById("debug");
document.documentElement.focus();
document.body.focus();
var handler = function(type, args, obj) {
debug.appendChild(document.createTextNode("key press handled: " + args[0]));
debug.appendChild(document.createElement("BR"));
}
YAHOO.example.keylistener.kpl1 = new YAHOO.util.KeyListener(document, { keys:[49,50,51] }, { fn:handler } );
YAHOO.example.keylistener.kpl1.enable();
YAHOO.example.keylistener.kpl2 = new YAHOO.util.KeyListener(document, { shift:true, alt:true, keys:[52,53,54,55] }, handler );
YAHOO.example.keylistener.kpl2.enable();
}
YAHOO.util.Event.addListener(window, "load", init);
KeyListener Example
KeyListener takes three arguments: the element reference or id to attach the listener to, an object literal that contains the details about the key(s) to listen for, and the handler (represented either as a function, or a literal containing arguments for the handler function, the scope, and a scope correction flag).
KeyListeners are enabled and disabled by calling the enable() and disable() functions on a listener. The DOM events for keys are dynamically attached and detached upon enable and disable.
Press 1, 2, 3 to trigger KeyListener1.
Press Alt+Shift+(4, 5, 6, or 7) to trigger KeyListener2.