addEventListener बिना मुझे और भी

Question

के लिए यह पूछ फ़ंक्शन को कॉल तो हम एक पृष्ठ है:

<span id='container'> 
    <a href='#' id='first'>First Link</a> 
    <a href='#' id='second'>Second Link</a> 
</span> 

और कुछ क्लिक ईवेंट जोड़ना चाहते हैं:

first.addEventListener('click', function(){alert('sup!');}) 

वर्क्स एक आकर्षण की तरह! हालांकि, जब आप दूसरा तर्क बाहरी कार्य करते हैं:

function message_me(m_text){ 
    alert(m_text) 
} 

second.addEventListener('click', message_me('shazam')) 

यह तुरंत फ़ंक्शन को कॉल करता है। मैं इसे कैसे रोक सकता हूँ? गुस्सा कर देने वाला! http://jsfiddle.net/ey7pB/1/

Answer 1

function message_me(m_text){ 
    alert(m_text) 
} 

second.addEventListener('click', 
    function() { 
     message_me('shazam'); 
    } 
); 

यहाँ एक अद्यतन fiddle है:

यहाँ एक लाइव डेमो है।

Answer 2

के बाद से दूसरा पैरामीटर एक समारोह संदर्भ उम्मीद, आप एक प्रदान करने के लिए की जरूरत है। आपके समस्याग्रस्त कोड के साथ, आप तुरंत फ़ंक्शन को कॉल कर रहे हैं और परिणाम (जो undefined है ... क्योंकि सभी फ़ंक्शन alert है और कुछ भी वापस नहीं करता है)। या तो किसी अज्ञात फ़ंक्शन में फ़ंक्शन को कॉल करें (जैसे आपका पहला उदाहरण) या फ़ंक्शन को वापस करने के लिए फ़ंक्शन को बदलें।

आप ऐसा कर सकते हैं:

function message_me(m_text){ 
    alert(m_text); 
} 

second.addEventListener('click', function() { 
    message_me('shazam') 
}); 

या इस:

function message_me(m_text){ 
    return function() { 
     alert(m_text); 
    }; 
} 

second.addEventListener('click', message_me('shazam')); 

डेमो:http://jsfiddle.net/tcCvw/

Answer 3

या आप .bind

function message_me(m_text){ 
    alert(m_text); 
} 

second.addEventListener('click', message_me.bind(this, 'shazam')); 

उपयोग कर सकते हैं

MDN Documentation 'बंद करने' के बारे में