|
|
Posted by Eric on 10/02/05 22:00
Eric wrote:
> Dima Gofman wrote:
>
>> 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
>
> I tried the onClick="document.getElementById("display").value += '1'"
> change but it doesnt work in either IE or mozilla - is there something
> missing there?
> I'll play with the js you posted, thanks for that.
> Thanks
> Eric
Ah ha! I changed the "diplay" to 'display' and that fixed it
[Back to original message]
|