Data in Event Handlers
Pass data to event handlers via the second argument of .on(), accessible as event.data inside the handler.
jQuery
Intermediate
3 min read
Using .data() in Event Handlers
Example
$(".delete-btn").on("click", { confirmText: "Really delete?" }, function(e) {
const msg = e.data.confirmText;
if (confirm(msg)) {
const id = $(this).data("id");
$.delete("/api/items/" + id);
}
}); Pro Tip
e.data is set once when .on() is called — it does not update if the data object changes later.