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

Question

我有这个按钮：

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

现在我知道我可以使用$（'check_button'）来访问它。有没有办法用Prototype设置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/

的文档

这实际上只是创建新Event.Handler：http://api.prototypejs.org/dom/Event/on/

的快捷方式

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

Answer 2

是，

$（ 'check_button'）观察（ '点击'，this.setLocation.bind（此， '...'））;

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

通过这种方式，param将永远是你传递的。 “绑定”是一种保持这种能力的变化强大的方法。