addEventListener在没有我甚至要求的情况下调用该函数

Question

addEventListener在没有我甚至要求的情况下调用该函数所以我们有一个页面：<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');
    });

这是一个更新的小提琴。

Answer 2

或者你可以使用.bind

function message_me(m_text){
    alert(m_text);}second.addEventListener('click', message_me.bind(this, 'shazam'));

查看 关于'闭包'的MDN文档