Question

Is there a potential pitfall in using jquery on/off method and trigger to execute on non-dom elements/regular js objects.

thanks

Answer 1

No, you can use .on and .off on regular objects, as long as you keep in mind that it will add additional properties to the object.

var obj = {};

$(obj).on("mycustomevent",function(){
  alert("mycustomevent triggered");
  $(this).off("mycustomevent").trigger("mycustomevent");
}).trigger("mycustomevent"); // fires off one alert.

I must ask though, in what situation does it make sense to bind events to an object? why not just give the object a method that you can call?