htmlページのすべてのボタンをprototype.jsを使用して同じ機能を実行させるにはどうすればよいですか? someElement.observe()メソッドを使用しましたが、これは1つのボタンで機能しました。しかし、ボタンごとに別々にコーディングすることなく、ページ上のすべてのボタンに対してこれをどうすればできますか?プロトタイプボタンonClick
3
A
答えて
5
複数の要素を選択するにはCSSセレクタを使用します。
$$('input[type="button"]').observe(...)
3
あなたはまた、あなたのボタンが含まれている要素の一つのイベントハンドラ(例えば文書本体)を登録し、事実を利用するには、イベントの委任を使用することができますその出来事がDOMを泡立てる。
これは、あなたが動的ページに新しいボタンを追加した場合でも、あなたのイベントハンドラは、すべてのボタンのために呼ばれていることを保証します。
など。
document.observe('click', function(event)
{
var elem = event.element();
if (elem.match('input[type="button"]'))
{
// Do your event handler
}
});
1
また、これを使用することができます:
Event.observe(window, 'load', function(){
$('idForm').getInputs('radio', 'nameRadio').each(function(el){
el.onclick = function(){
//Actions<br>
});
});
を
関連する問題
- 1. onclickまたはonClick?
- 2. onClickとDOMとonClickハードコード
- 3. OnClick ViewFlipperを使用したOnClick ImageView
- 4. ギャラリーonClick
- 5. OnClick restartActivity?
- 6. OnClientClick OnClick
- 7. プリファレンスonClick
- 8. ボタンのonClickメソッド
- 9. onclick issue in firefox
- 10. jquery datepicker onclick help
- 11. Reactjsはonclickの
- 12. onClick属性
- 13. にOnclick AJAXは
- 14. テキストボックスのOnClickイベント
- 15. OnClick Index in String
- 16. Android OnClickエラー
- 17. スライドリストビュー行onClick
- 18. リセットボタン - バックスペースOnClick
- 19. Onclick Change Image、jQuery?
- 20. Android actionBar OnClick()
- 21. Android Widget onClick
- 22. Firefoxのonclickイベント
- 23. JQuery onclick var update
- 24. アンドロイドのonClickは
- 25. WPFボタントンネリングOnClickイベント
- 26. UIAutomation UIButton onClickイベント
- 27. Java onclickリスナー
- 28. ヒントバグのツールチップフリーズonclick
- 29. onTouch and onClick
- 30. PagerAdapter onclickメソッド