JavaScript/Notes/IBD

From Noisebridge
Revision as of 04:41, 1 November 2013 by Garrett (talk | contribs) (Created page with "== Interface Based Design == Registering event handlers. === Two ways to Register Events === An event is a notification that something has occurred. ==== Event Name as a P...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Interface Based Design

Registering event handlers.

Two ways to Register Events

An event is a notification that something has occurred.

Event Name as a Property

"DOM 0" Events. Each event is a property name. The value is one function, or null.

<source lang="javascript"> el["onclick"] = function(ev) {

 alert(this);

}; </source> Custom objects <source lang="javascript"> userPicker.onuserselected= function(ev) {

 console.log(ev.user + " chosen.");

}; </source>

Event Listener Interface

<source lang="javascript"> el.addEventListener("click", function(ev) {

 alert("clicked");

}, false); </source>

Custom objects <source lang="javascript"> userPicker.addCallback("onuserselected", function(ev) {

 console.log(ev.user + " chosen.");

}); </source>