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

Laissez votre callback retourner false et le transmettre à la onclick manipulateur :

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

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

---

Pour créer maintenable cependant, vous devez vous abstenir d'utiliser le code "inline Javascript" (c'est-à-dire le code qui se trouve directement dans la balise d'un élément) et de modifier le comportement d'un élément via un fichier source Javascript inclus (il s'appelle Javascript discret ).

La majoration :

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

Le code (fichier séparé) :

// 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 */
});

Answer 2

A mon avis, la réponse est fausse ! Il a demandé event.preventDefault(); lorsque vous retournez simplement false ; il appelle event.preventDefault(); ET event.stopPropagation(); également !

Vous pouvez le résoudre de cette façon :

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

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

    //here I want to prevent default
    e = e || window.event;
    e.preventDefault();
}

Answer 3

Essayez ceci (mais utilisez des boutons pour ce genre de cas si vous n'avez pas un numéro de téléphone valide). href valeur pour dégradation gracieuse )

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

Answer 4

Vous pouvez attraper l'événement et ensuite le bloquer avec preventDefault() -- cela fonctionne avec du pur Javascript

document.getElementById("xyz").addEventListener('click', function(event){
    event.preventDefault();
    console.log(this.getAttribute("href"));
    /* Do some other things*/
});

Answer 5

Placez simplement "javascript:void(0)", à la place de "#" dans la balise href.

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