000000 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

ワナビから貴方へ 独り言の吐き溜め

2013.03.31
XML
テーマ:今日の理系(392)
カテゴリ:JavaScript

JavaScriptの勉強の備忘録

 

エレメントにonclickイベントハンドラを設定する方法 その4

イベントハンドラに引数つきで関数を設定するにはちょっと工夫が必要になる

上手く行ったのは

関数ブロック本体からiを参照しないようにさらにクロージャをかませる方法

もっといい方法あるかもしれないけど

for(var i = 0;i<5;i++){

  var img = document.getElementById('img'+i);

  img.onclick = ( function(_i){

    return function(){

      func(_i);

    };

  })(i); 

こんな感じ

iは即時評価されて1とか4とかになってfunction(_i)に渡される

渡された結果のfunc(i)が返り値となってonclickに設定される







最終更新日  2013.04.24 19:29:11
コメント(2) | コメントを書く


PR

X

サイド自由欄

フリーページ

カレンダー

カテゴリ

日記/記事の投稿

楽天カード


Copyright (c) 1997-2021 Rakuten, Inc. All Rights Reserved.