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/

これは、新しいを作成する簡単な方法ですEvent.Handler: http://api.prototypejs.org/dom/Event/on/

その2番目のドキュメントリンクを確認してください-非常に便利なものです。

Answer 2

はい、

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

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

このようにして、パラメータは常にあなたが渡すものになります。「 bind 」は、その能力を保持する強力なメソッドです。