|
|
Posted by Dima Gofman on 10/02/05 20:55
don't forget that there's accesskey attribute
http://www.w3schools.com/tags/ref_standardattributes.asp
Adding keypress event to elements is a bit more difficult than onclick
because you need to know which key was pressed and there's a bit of a
difference to how to do this for different browsers.
To do this the way you want you need to add onkeypress to the document
object, this way as long as the browser window is in focus (and if
using frames - as long as the frame is in focus) pressing a key will
generate an event. The script below is a bit lengthy but unfortunately
it's needed to get events to work in IE and Mozila (and other 'lower'
browsers) but you only to change the doStuff() function (just copy
paste if (character=='3') obj.value += '3'; lines.
<script type='text/javascript'>
/* from http://phrogz.net/JS/AttachEvent_js.txt */
function AttachEvent(obj,evt,fnc,useCapture){
if (!useCapture) useCapture=false;
if (obj.addEventListener){
obj.addEventListener(evt,fnc,useCapture);
return true;
} else if (obj.attachEvent) return obj.attachEvent("on"+evt,fnc);
else{
MyAttachEvent(obj,evt,fnc);
obj['on'+evt]=function(){ MyFireEvent(obj,evt) };
}
}
function MyAttachEvent(obj,evt,fnc){
if (!obj.myEvents) obj.myEvents={};
if (!obj.myEvents[evt]) obj.myEvents[evt]=[];
var evts = obj.myEvents[evt];
evts[evts.length]=fnc;
}
function MyFireEvent(obj,evt){
if (!obj || !obj.myEvents || !obj.myEvents[evt]) return;
var evts = obj.myEvents[evt];
for (var i=0,len=evts.length;i<len;i++) evts[i]();
}
/*******/
function doStuff(e){
/* this bit is from http://www.quirksmode.org/ */
var code;
if (!e) var e = window.event;
if (e.keyCode) code = e.keyCode;
else if (e.which) code = e.which;
var character = String.fromCharCode(code);
/*******/
var obj=document.getElementById('display');
if (character=='1') obj.value += '1';
if (character=='2') obj.value += '2';
if (character=='3') obj.value += '3';
// and so on
}
AttachEvent(document,'keypress',doStuff,false);
</script>
the best site to find out about differences in event handling (and
events themselves) is http://www.quirksmode.org/ (click on Javascript
and then Events in the menu).
Another bit you should know
<input type="button" value=" 1 " onClick="display.value += '1'">
works only in IE and it shouldn't work at all, you need to specify what
"display" is, namely an object inside the document object:
<input type="button" value=" 1 "
onClick="document.getElementById("display").value += '1'">
Dima Gofman
Navigation:
[Reply to this message]
|