js equivalent of jQuery's bind?

js equivalent of jQuery's bind?

If I trigger a custom event using jQuery:

  1. $('#dog').trigger('bulldog', ['fierce']);
and listen for it, using jQuery:

  1. $('#dog').bind('bulldog', handler);

  3. function hander(e, id) {
  4.       alert(e.type + ": " + id);
  5. }
all is sweet.

If I listen for it without jQuery:

  1. document.getElementById('dog').addEventListener('bulldog', handler(), false);
the event is heard ok, but I get an exception saying the arguments couldn't be converted.

Searching a while for how to use custom events in javascript, it seems like custom class extensions are always used. Does this have to be the case, or I have I just got the syntax wrong above?