Access event to call preventdefault from custom function originating from onclick attribute of tag

Question

I have links like this    lt a href     onclick  myfunc  a 1  b  hi       gt click lt  a gt   lt a href     onclick  myfunc  a 3  b  jo       gt click lt  a gt    And I would like to do a preventDefault   inside myfunc    because a   will be added in the address bar when clicking on the link   without doing return false  or href  javascript void 0      Is this possible  Can I get the event inside myfunc

User · Answer

You can access the event from onclick like this:

<button onclick="yourFunc(event);">go</button>

and at your javascript function, my advice is adding that first line statement as:

function yourFunc(e) {
    e = e ? e : event;
}

then use everywhere e as event variable

User · Answer

Try this                       lt script gt         a   click function event            event preventDefault              lt  script gt

User · Answer

I think when we use onClick we want to do something different than default  So  for all your links with onClick      a onClick    on  click   function e      return e preventDefault

User · Answer

Can you not just remove the href attribute from the a tag

User · Answer

lt script type  text javascript  gt     a   click function       return false       lt script gt

User · Answer

The simplest solution simply is    lt a href     onclick  event preventDefault    myfunc  a 1  b  hi        gt click lt  a gt    It s actually a good way of doing cache busting for documents with a fallback for no JS enabled browsers  no cache busting if no JS    lt a onclick   if event preventDefault  event preventDefault    else event returnValue   false  window location    http   www domain com docs thingy pdf cachebuster      Math round new Date   getTime     1000     href  http   www domain com docs thingy pdf  gt    If JavaScript is enabled  it opens the PDF with a cache busting query string  if not it just opens the PDF

User · Answer

I believe you can pass in event into the function inline which will be the event object for the raised event in W3C compliant browsers  i e  older versions of IE will still require detection inside of your event handler function to look at window event    A quick example     x000D   x000D  function sayHi e    x000D     e preventDefault    x000D     alert  hi    x000D    x000D   lt a href  http   google co uk  onclick  sayHi event    gt Click to say Hi lt  a gt  x000D   x000D   x000D     Run it as is and notice that the link does no redirect to Google after the alert   Then  change the event passed into the onclick handler to something else like e  click run  then notice that the redirection does take place after the alert  the result pane goes white  demonstrating a redirect

User · Answer

Without any JS library or jQuery  To open a nice popup window if possible  Fails safely to normal link open    lt a href  https   acme com   onclick  onclick  openNewWindow event  this href    gt     lt  a gt    And the helper function   function openNewWindow event  location      if  event preventDefault  amp  amp  event stopImmediatePropagation         event preventDefault         event stopImmediatePropagation         else       event returnValue   false         window open location   targetWindow    toolbar no location no status no menubar no scrollbars yes resizable yes width 800 height 450

User · Answer

Add a unique class to the links and a javascript that prevents default on links with this class    lt a href     class  prevent-default      onclick      comment  hidden   toggle     gt Show comments lt  a gt    lt script gt      document  ready function            a prevent-default   click function event             event preventDefault                          lt  script gt

User · Answer

Simple   onclick  blabla    return false

User · Answer

e preventDefault    from https   developer mozilla org en-US docs Web API event preventDefault  Or have return false from your method

[javascript] Access event to call preventdefault from custom function originating from onclick attribute of tag

Examples related to javascript

Examples related to jquery

Examples related to html