event.data
Categories: Event Object
event.data
Description: An optional data map passed to an event method when the current executing handler is bound.
-
event.data
version added: 1.0
-
Within a
for
loop, pass the value ofi
to the.on()
method so that the current iteration's value is preserved.HTML:
<button> 0 </button> <button> 1 </button> <button> 2 </button> <button> 3 </button> <button> 4 </button> <div id="log"></div>
Code:
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 = [ "button = " + $(this).index(), "event.data.value = " + event.data.value, "i = " + i ]; logDiv.append( msgs.join(", ") + "<br>" ); }); }