Run function within object onclick

Question

I want to run a function inside an object by onclick, but it doesn't work. Here is the code:

JSCode:

var jn = {
  alertText: function(){
    alert(arguments[0]);
  } 
};

HTML:

<a href="#" onclick="jn.alertText('hi')">[ClickHere]</a>

JSFiddle: http://jsfiddle.net/dotku/Nqh4S/2/

That's not valid JSON, but it is perfectly valid JavaScript: demo — p.s.w.g
– p.s.w.g, Commented Mar 13, 2014 at 15:50
OK but tell him that it works because JSFiddle isn't wrapping the JS in a "load" function, and so your methods are in the window. — Ian Clark
– Ian Clark, Commented Mar 13, 2014 at 15:52
possible duplicate of Onclick event not firing on jsfiddle.net — p.s.w.g
– p.s.w.g, Commented Mar 13, 2014 at 15:52

Mike Thomsen · Accepted Answer · 2014-03-13 15:55:58Z

1

Take out the var statement and it will work. The var statement scopes it to that particular script file or tag, not the window object. DOM event handlers need to be scoped to something that's attached to the window object at some point.

answered Mar 13, 2014 at 15:55

Mike Thomsen

37.7k11 gold badges64 silver badges86 bronze badges

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

Collectives™ on Stack Overflow

Run function within object onclick

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related