javascript - 使用原型设置按钮的onclick事件？

Question

我有这个按钮：

<button id="check_button" name ="check_button" type="button" onclick="setLocation('...')">
    <span>check</span>
</button>

现在我知道我可以使用$('check_button')例如访问它。有没有办法setlocation用原型设置参数？

Answer 1

function doButtonClick(event, element) {
  console.log('event');
  console.log('element');

  // here, `element` is a reference to the button you clicked.
  var elementId = element.identify();

  // I'm not sure what setLocation takes in as a parameter, but...
  setLocation(elementId);
}

$('check_button').on('click', 'button', doButtonClick);

以下是文档element.on：http ://api.prototypejs.org/dom/Element/prototype/on/

这实际上只是一种创建新的快速方法：http Event.Handler: //api.prototypejs.org/dom/Event/on/

请务必查看第二个文档链接 - 超级有用的东西。

Answer 2

是的，

$('check_button').observe('click',this.setLocation.bind(this,'...'));

setLocation: function(param)
{
alert(param);
}

这样，参数将始终是您传递的内容。“绑定”是一种拥有这种能力的多种强大方法。