How to prevent default event handling in an onclick method?

by

Let your callback return false and pass that on to the onclick handler:

<a href="#" onclick="return callmymethod(24)">Call</a>

function callmymethod(myVal){
    //doing custom things with myVal
    //here I want to prevent default
    return false;
}

To create maintainable code, however, you should abstain from using “inline Javascript” (i.e.: code that’s directly within an element’s tag) and modify an element’s behavior via an included Javascript source file (it’s called unobtrusive Javascript).

The mark-up:

<a href="#" id="myAnchor">Call</a>

The code (separate file):

// Code example using Prototype JS API
$('myAnchor').observe('click', function(event) {
    Event.stop(event); // suppress default click behavior, cancel the event
    /* your onclick code goes here */
});

More Related Contents:

  1. Why I am getting number as output when I’m using array.push [closed]
  2. Trying to use Javascript to add new li element to my ordered list, anyone know why this code isn’t working?
  3. How to dodge jQuery promises completely when chaining two async jQuery functions?
  4. Promise Retry Design Patterns
  5. OnChange event using React JS for drop down
  6. this inside function
  7. How do I test axios in Jest?
  8. garbage collection with node.js
  9. CasperJS bind issue
  10. How to stop all timeouts and intervals using javascript? [duplicate]
  11. Where should I put the CSS and Javascript code in an HTML webpage?
  12. In javascript, is an empty string always false as a boolean?
  13. Falsey values in JavaScript
  14. D3 Differentiate between click and drag for an element which has a drag behavior
  15. How can I load a shared web worker with a user-script?
  16. How can I alias a default import in JavaScript?
  17. How to mute an html5 video player using jQuery
  18. Where’s the connection between index.html and index.js in a Create-React-App application?
  19. Force JavaScript exception/error when reading an undefined object property?
  20. Property change subscription with Aurelia
  21. How to format a number with commas as thousands separators?
  22. Save access to this scope
  23. JavaScript get Styles
  24. HTML5 Video – Percentage Loaded?
  25. Body animation isn’t smooth
  26. How to add Rowspan in JQuery datatables
  27. javascript array.sort with undefined values
  28. Custom Google Map API V3 Zoom Buttons
  29. How can I humanize this complete duration in moment.js / javascript
  30. Google Script: Play Sound when a specific cell change the Value

Leave a Comment