JavaScript 動的メソッド

JavaScriptでメソッドを動的に実行したい場合は配列のように指定する。

<body>
<div id="square">
  <h4>イベント処理を実行</h4>
</div>
<script type="text/javascript">
var obj = {
          click:    'クリック',
          dblclick: 'ダブルクリック',
          mousedown:'ボタンが押',
          mouseup:  'ボタンが放'
};

$.each(obj,function(key,value){
  // click,dblclick,mousedown,mouseupの各メソッドでイベント処理を登録
  $('#square')[key](function(){
    $('<p>',{text:value + 'されました'}).appendTo('#square');
  });
});

</script>
</body>

上記の例ではkeyに格納されている「click」、「dblclick」、「mousedown」、「mouseup」のいずれかのメソッドを使うことができる。