Comment empêcher la gestion des événements par défaut dans une méthode onclick ?

Question

Comment empêcher les défauts dans une méthode onclick ? J'ai une méthode dans laquelle je passe également une valeur personnalisée.

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

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

Answer 1

Cela a fonctionné pour moi

<a href="javascript:;" onclick="callmymethod(24); return false;">Call</a>

Answer 2

Une autre façon de procéder est d'utiliser l'option event à l'intérieur de l'attribut onclick (sans avoir besoin d'ajouter un argument supplémentaire à la fonction pour passer l'événement)

function callmymethod(myVal){
    console.log(myVal);
}

<a href="#link" onclick="event.preventDefault();callmymethod(24)">Call</a>

Answer 3

Vous pouvez utiliser :

event.stopPropagation();

https://dom.spec.whatwg.org/#dom-event-stoppropagation

Answer 4

Il serait trop fastidieux de modifier l'utilisation des fonctions dans toutes les pages html pour return false .

Voici donc une solution testée qui ne corrige que la fonction elle-même :

function callmymethod(myVal) {
    // doing custom things with myVal

    // cancel default event action
    var event = window.event || callmymethod.caller.arguments[0];
    event.preventDefault ? event.preventDefault() : (event.returnValue = false);

    return false;
}    

Cela empêche correctement IE6, IE11 et le dernier Chrome de visiter href="#" après la fin du traitement de l'événement onclick.

Crédits :

• Comment trouver la fonction appelante en JavaScript ?
• La fonction event.preventDefault() ne fonctionne pas dans IE

Answer 5

Si vous devez le faire, mettez-le dans l'étiquette. Ce n'est pas la meilleure solution, mais elle fonctionne.

Assurez-vous que vous mettez l'événement onclick devant le href. Cela n'a fonctionné que pour moi de cette façon.

<a onclick="return false;" href="http://stackoverflow.com//www.google.de">Google</a>