javascript - 如何将事件绑定(bind)到元素？

Question

如何在纯 javascript 中将事件绑定(bind)到元素:

这就是 JQuery 所做的，你如何用纯 javascript 完成它？

$('#arrow_left')
 .bind('click', {'c_index': c_index - item_limit }, 
  function(e)
  {
   var r = e.data.c_index; 
  }

Answer 1

您将使用 element.AddEventListener

target.addEventListener(type, listener[, useCapture]);

在 IE 的情况下(IE9 之前)你会使用 attachEvent .

bSuccess = object.attachEvent(the_event, function_handler)
//the_event always starts with "on"

像这样:

<input id="btn" type="button" value="click me" />​​​​​​​​​​​

JS:

function click_handler()
{
    alert("clicked");
}
var el = document.getElementById("btn");   
if(el.addEventListener)//check if this exists
{
    el.addEventListener("click", click_handler);   
} else {
    //then we're on IE older than 9
    el.attachEvent("onclick",click_handler);
}​

查看演示: http://jsfiddle.net/E8nYr/2/