jQuery How to get the event object in an event handler function without passing it as an argument

Question

I have an onclick attribute on my link    lt a href     onclick  myFunc 1 2 3   gt click lt  a gt    That points to this event handler in JavaScript   function myFunc p1 p2 p3          need to refer to the current event object      alert evt type               Since the event object  evt  is not passed to a parameter  is it still possible to obtain this object   I tried window event and   window event   but both are undefined   Any idea

User · Answer

in IE you can get the event object by window event in other browsers with no  use strict  directive  it is possible to get by arguments callee caller arguments 0    function myFunc p1  p2  p3        var evt   window event    arguments callee caller arguments 0

User · Answer

Since the event object  evt  is not passed from the parameter  is it still possible to obtain this object    No  not reliably  IE and some other browsers make it available as window event  not   window event    but that s non-standard and not supported by all browsers  famously  Firefox does not    You re better off passing the event object into the function    lt a href     onclick  myFunc event  1 2 3   gt click lt  a gt    That works even on non-IE browsers because they execute the code in a context that has an event variable  and works on IE because event resolves to window event   I ve tried it in IE6   Firefox  Chrome  Safari  and Opera  Example  http   jsbin com iwifu4  But your best bet is to use modern event handling   HTML    lt a href     gt click lt  a gt    JavaScript using jQuery  since you re using jQuery       selector for the anchor   click function event           Call  myFunc      myFunc 1  2  3           Use  event  here at the event handler level  for instance     event stopPropagation             or if you really want to pass event into myFunc      selector for the anchor   click function event        myFunc event  1  2  3         The selector can be anything that identifies the anchor  You have a very rich set to choose from  nearly all of CSS3  plus some   You could add an id or class to the anchor  but again  you have other choices  If you can use where it is in the document rather than adding something artificial  great

User · Answer

If you call your event handler on markup  as you re doing now  you can t  x-browser   But if you bind the click event with jquery  it s possible the following way   Markup      lt a href     id  link1   gt click lt  a gt    Javascript       document  ready function              link1   click clickWithEvent      Bind the click event to the link         function clickWithEvent evt        myFunc  p1    p2    p3         function myFunc p1 p2 p3      Defined as local function  but has access to evt         alert evt type                        Since the event ob

User · Answer

Write your event handler declaration like this    lt a href     onclick  myFunc event 1 2 3   gt click lt  a gt    Then your  myFunc    function can access the event   The string value of the  onclick  attribute is converted to a function in a way that s almost exactly the same as the browser  internally  calling the Function constructor   theAnchor onclick   new Function  event   theOnclickString      except in IE    However  because  event  is a global in IE  it s a window attribute   you ll be able to pass it to the function that way in any browser

[javascript] jQuery: How to get the event object in an event handler function without passing it as an argument?

Examples related to javascript

Examples related to jquery

Examples related to events

Examples related to object