Kann ich zwei JavaScript-onclick-Ereignisse in einem Element haben?

Question

Können wir zwei JavaScript-onclick-Ereignisse in einem Eingabe-Typ-Button-Tag einfügen? Um zwei verschiedene Funktionen aufzurufen?

Answer 1

Dieses funktioniert:

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

Und auch dieser:

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

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

.

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

Die Antwort ist also - ja Sie Allerdings kann :), ich würde empfehlen .. unaufdringlich JavaScript zu verwenden js mit HTML Mischen nur böse ist.

Answer 2

Es gibt keine Notwendigkeit, zwei Funktionen innerhalb eines Elements zu haben, Sie brauchen nur eines, das die anderen zwei aufruft!

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

JS 
function my_func() { 
    my_func_1(); 
    my_func_2(); 
} 

Answer 3

Sie einen Handler anhängen können, die wie viele andere nennen würde, wie Sie wollen:

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

<script type="text/javascript"> 

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

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

</script> 

Answer 4

Man könnte so etwas wie dies auch

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

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

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

Answer 5

Die HTML versuchen

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

Und das 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"); 
}); 

Dies wird sowohl 'foo' aufmerksam machen und 'bar', wenn geklickt.