Categories

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 of i 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>" );
      });
    }