的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')); 

DEMO：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 约'关闭'