Following my code:
HTML:
<input id="test" onkeydown="test();" type="text"/>
JS:
function pl(id){
return id;
}
function test(){
id = "test";
alert(pl(id));
}
Why the browser return TypeError: test is not a function?
-
Maybe your JavaScript is above the HTML?Benjamin Gruenbaum– Benjamin Gruenbaum2013-12-14 19:34:45 +00:00Commented Dec 14, 2013 at 19:34
-
That code won't cause that problem. You appear to have reduced your reduced test case too much.Quentin– Quentin2013-12-14 19:37:20 +00:00Commented Dec 14, 2013 at 19:37
-
@BenjaminGruenbaum — They are just function definitions, that can't be the problem.Quentin– Quentin2013-12-14 19:37:36 +00:00Commented Dec 14, 2013 at 19:37
-
@jsve the same... jsfiddle.net/9tFHA/1user3076752– user30767522013-12-14 19:37:42 +00:00Commented Dec 14, 2013 at 19:37
-
2because the fiddle is set to run onload! Change it so the JavaScript is in the head. TADAepascarello– epascarello2013-12-14 19:39:55 +00:00Commented Dec 14, 2013 at 19:39
|
Show 2 more comments
1 Answer
There isn't a problem with the code in the question, but the live example of the code you provided, has your function definitions wrapped in another function (which is executed onload).
They are scoped to their containing function, so you cannot access them with an onclick attribute (which can only touch global variables).
Bind your event handlers programatically instead.
document.getElementById('test').addEventListener(
"keydown",
test
);
For example: http://jsfiddle.net/9tFHA/2/
