यानी 8 में मूल्य युक्त फ़ंक्शन के साथ ऑनक्लिक विशेषता को कैसे सेट करें?

Question

मेरा लक्ष्य एक लिंक के "ऑनक्लिक" विशेषता को बदलना है। मैं इसे सफलतापूर्वक कर सकता हूं, लेकिन परिणामी लिंक IE8 में काम नहीं करता है। यह एफएफ 3 में काम करता है।

उदाहरण के लिए, यह फ़ायरफ़ॉक्स 3 में काम करता है, लेकिन IE8 नहीं। क्यूं कर???

<p><a id="bar" href="#" onclick="temp()">click me</a></p> 

    <script> 

    doit = function(){ 
     alert('hello world!'); 
    } 
    foo = document.getElementById("bar"); 
    foo.setAttribute("onclick","javascript:doit();"); 

    </script> 

Answer 1

आप उस के लिए setAttribute उपयोग करने के लिए की जरूरत नहीं है होना चाहिए - इस कोड काम करता है (IE8 भी)

<div id="something" >Hello</div> 
<script type="text/javascript" > 
    (function() { 
     document.getElementById("something").onclick = function() { 
      alert('hello'); 
     }; 
    })(); 
</script> 

Answer 2

आपका सर्वश्रेष्ठ दांव jQuery या प्रोटोटाइप है, लेकिन यह है कि नाकाम रहने की तरह एक जावास्क्रिप्ट ढांचे का उपयोग करने के लिए है, तो आप का उपयोग करना चाहिए:

if (foo.addEventListener) 
    foo.addEventListener('click',doit,false); //everything else  
else if (foo.attachEvent) 
    foo.attachEvent('onclick',doit); //IE only 

संपादित करें:

भी

, अपने कार्य एक छोटे से है बंद। यह

var doit = function(){ 
    alert('hello world!'); 
} 

Answer 3

आप भी इस तरह अपने समारोह कॉल करने के लिए onclick सेट कर सकते हैं:

foo.onclick = function() { callYourJSFunction(arg1, arg2); }; 

इस तरह, आप भी तर्क पारित कर सकते हैं। .....

Answer 4

तुम भी उपयोग कर सकते हैं:

element.addEventListener("click", function(){ 
    // call execute function here... 
}, false);