Bir öğede iki JavaScript onclick olayım olabilir mi?

Question

Bir giriş türü düğme etiketine iki JavaScript onclick olayı koyabilir miyiz? İki farklı işlevi çağırmak için?

Answer 1

Bu seferki çalışır:

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

Ve de bu tek:

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

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

.

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

Yani cevabı - evet Ancak :), ben göze batmayan JavaScript kullanmak tavsiye ederim .. HTML ile js karıştırma sadece kötü.

Answer 2

Tek bir öğede iki işleve sahip olmanıza gerek yok, diğer iki kişiyi arayacak birine ihtiyacınız var!

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

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

İstediğiniz kadar başkalarını çağırır bir işleyici ekleyebilirsiniz

Answer 3

:

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

<script type="text/javascript"> 

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

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

</script> 

Answer 4

Bu 'foo' ve 'bar' hem uyaracaktır böyle bir şey de

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

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

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

Answer 5

HTML

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

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

deneyebilirsiniz tıkladım.