event.data

event.data 1.1追加

事前にイベントに対してキーと値の組み合わせのマップ値を渡しておき、イベントが発生した際にそのデータを参照する際に使用します。

デモ

event.dataの値は渡した時点での状態を参照することが出来ていますが、 iは渡した時点での値ではなく、ボタンが押された時点での値が参照されています。

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

<button> 0 </button>
<button> 1 </button>
<button> 2 </button>
<button> 3 </button>
<button> 4 </button>

<div id="log"></div>

<script>
var logDiv = $("#log");

/* Note: This code is for demonstration purposes only. */
for (var i = 0; i < 5; i++) {
  $("button").eq(i).on("click", {value: i}, function(event) {
    var msgs = [
      "ボタン:" + $(this).index(),
      "事前に渡しておいた値:" + event.data.value,
      "iの値:" + i
    ];
    logDiv.append( msgs.join(", ") + "<br>" );
  });
}
</script>

</body>
</html>

 Back to top

© 2010 - 2017 STUDIO KINGDOM