Connecting Tech Pros Worldwide Help | Site Map

Help Capturing an onkeyup event

Trent
Guest
 
Posts: n/a
#1: Jul 23 '05
Hi. I know the basic way to assign event handlers:

<input onKeyUp="processEvent(event)" />

But how do I assign a function to the onKeyUp event in *javascript*
that can access the event object?

// get inputElement
alert("Some java script code");
inputElement.onkeyup = ????;

I know how to assign generic functions. This works:

inputElement.onkeyup = function() { alert("hello"); };

But how in the world do I assign a function that captures the "event"
object? I want something like:

inputElement.onkeyup = function(event) { processEvent(event) };

But that doesn't work right. Any ideas?
Martin Honnen
Guest
 
Posts: n/a
#2: Jul 23 '05

re: Help Capturing an onkeyup event




Trent wrote:

[color=blue]
> But how do I assign a function to the onKeyUp event in *javascript*
> that can access the event object?
>
> // get inputElement
> alert("Some java script code");
> inputElement.onkeyup = ????;
>
> I know how to assign generic functions. This works:
>
> inputElement.onkeyup = function() { alert("hello"); };
>
> But how in the world do I assign a function that captures the "event"
> object? I want something like:
>
> inputElement.onkeyup = function(event) { processEvent(event) };
>
> But that doesn't work right. Any ideas?[/color]

That last attempt should work with Mozilla/Netscape however the problem
is that IE has a global variable window.event that your event parameter
shadows so you need
inputElement.onkeyup = function (evt) {
if (!evt) {
evt = window.event;
}
// now use evt e.g.
alert(evt.keyCode);
};
--

Martin Honnen
http://JavaScript.FAQTs.com/

Thomas 'PointedEars' Lahn
Guest
 
Posts: n/a
#3: Jul 23 '05

re: Help Capturing an onkeyup event


Trent wrote:
[color=blue]
> Hi. I know the basic way to assign event handlers:
>
> <input onKeyUp="processEvent(event)" />[/color]

No. You must decide if you want to use HTML

<!-- attribute name case does not matter, no trailing / -->
<iNpUt onKeyUp="processEvent(event)">

or XHTML

<!-- element and attribute names must be lowercased,
trailing / (empty content model) -->
<input onkeyup="processEvent(event)"/>


PointedEars
Evan Wong
Guest
 
Posts: n/a
#4: Jul 23 '05

re: Help Capturing an onkeyup event


Does it work well finally? Today I need to implement the onkeyup event
but I found it doesn't work consistently. usually, the first few stroke
does not trigger the event, till I switch to another field and back to
this field. Then, the event can be fired for every keystroke. Any
idea?


*** Sent via Developersdex http://www.developersdex.com ***
Don't just participate in USENET...get rewarded for it!
Closed Thread