HTML/Javascript passing key down event and another variable to a function

Question

I want to observe cursor presses inside an input box.

I currently have the following code, but the function is never called.

<input type="Text" onkeydown ="CheckCursor(event,'abcd')" />

function CheckCursor(e, boxName)
{
    alert(e.keyCode + ' and box was: '+boxname);
}

Why is the function never called?

James Thorpe · Accepted Answer · 2015-08-10 11:04:47Z

4

Two reasons:

You've used the JSFiddle option "wrap code in onload event" (the default), so the CheckCursor function is not in the global scope, so can't be accessed as the event handler. You get:

Uncaught ReferenceError: CheckCursor is not defined

You need to specify it as "no wrap" instead. The option is over on the left hand side.

Uncaught ReferenceError: boxname is not defined

You have boxname and boxName, JavaScript is a case sensitive language.

answered Aug 10, 2015 at 11:04

James Thorpe

32.3k6 gold badges76 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1