Puis-je avoir deux JavaScript onclick événements dans un seul élément?

Peut-on mettre deux JavaScript onclick événements dans un type d'entrée bouton de la balise? À l'appel de deux fonctions différentes?

InformationsquelleAutor Piyush | 2010-05-21
  1. 27

    Celui-ci fonctionne:

    <input type="button" value="test" onclick="alert('hey'); alert('ho');" />

    Et celle-ci aussi:

    function Hey()
{
    alert('hey');
}

function Ho()
{
    alert('ho');
}

    .

    <input type="button" value="test" onclick="Hey(); Ho();" />

    Si la réponse est oui, vous le pouvez 🙂
    Cependant, je vous recommande d'utiliser JavaScript discret.. mélange js avec HTML, c'est juste méchant.

    InformationsquelleAutor rochal
  2. 14

    Le code HTML

    <a href="#" id="btn">click</a>

    Et le javascript

    //get a cross-browser function for adding events, place this in [global] or somewhere you can access it
var on = (function(){
    if (window.addEventListener) {
        return function(target, type, listener){
            target.addEventListener(type, listener, false);
        };
    }
    else {
        return function(object, sEvent, fpNotify){
            object.attachEvent("on" + sEvent, fpNotify);
        };
    }
}());

//find the element
var el = document.getElementById("btn");

//add the first listener
on(el, "click", function(){
    alert("foo");
});

//add the second listener
on(el, "click", function(){
    alert("bar");
});

    Cette alerte à la fois " foo " et " bar " lorsque l'utilisateur clique dessus.

    InformationsquelleAutor Sean Kinsey
  3. 7

    Vous pouvez attacher un gestionnaire qui appellent comme beaucoup d'autres que vous aimez:

    <a href="#blah" id="myLink"/>

<script type="text/javascript">

function myOtherFunction() {
//do stuff...
}

document.getElementById( 'myLink' ).onclick = function() {
   //do stuff...
   myOtherFunction();
};

</script>
    • merci copain, cette solution m'aider plus
    • l'inconvénient de cette méthode est que le contexte ici sera la fenêtre globale de l'objet et "cela" ne serait pas travailler à l'intérieur de myOther.... déclaration, cela renvoie à la fonction et à ne pas l'attacher à la propriété surclic (onclick) de l'élément, il vaut la peine de l'expliquer. 🙂 En dehors de cela, la réponse va travailler pour le cas "appel 2 fonctions ou 200".
    InformationsquelleAutor Jacob Relkin
  4. 4

    Il n'est pas nécessaire d'avoir deux fonctions dans un délai d'un élément, vous avez juste besoin d'un qui appelle les deux autres!

    HTML
<a href="#" onclick="my_func()" >click</a>

JS
function my_func() {
    my_func_1();
    my_func_2();
}
    InformationsquelleAutor Luca Filosofi
  5. 0

    Vous pouvez essayer quelque chose comme ceci aussi bien

    <a href="#" onclick="one(); two();" >click</a>

<script type="text/javascript">
    function one(){
        alert('test');
    }

    function two(){
        alert('test2');
    }
</script>
    InformationsquelleAutor Roland