Login or Sign up Help | Site Map
Connecting Tech Pros Worldwide

Help Capturing an onkeyup event

Question posted by: Trent (Guest) on July 23rd, 2005 10:27 AM
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?
Would you like to answer this question?
Sign up for a free account, or Login (if you're already a member).
Martin Honnen's Avatar
Martin Honnen
Guest
n/a Posts
July 23rd, 2005
10:27 AM
#2

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's Avatar
Thomas 'PointedEars' Lahn
Guest
n/a Posts
July 23rd, 2005
10:40 AM
#3

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's Avatar
Evan Wong
Guest
n/a Posts
July 23rd, 2005
11:12 AM
#4

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!

 
Not the answer you were looking for? Post your question . . .
173,562 Experts ready to help you find a solution.
Sign up for a free account, or Login (if you're already a member).

  • Didn't find the answer you were looking for?
    Post Your Question
  • Top Community Contributors