diff --git a/examples/test.html b/examples/test.html
index 6283bf4..829812d 100644
--- a/examples/test.html
+++ b/examples/test.html
@@ -7,8 +7,9 @@
 
 <h1>DOMEventBridge</h1>
 
-<p id="p1">Now is the <a rel="dombridge nav" href="http://time.com">time</a> for all good men to come to the aid of their country. <input type="button" value="yes" rel="dombridge popup" data-val="woot!"></p>
-<p id="p2">A deferred <input type="button" value="button" rel="dombridge popup" data-val="later!"></p>
+<p>(hint: try both clicking on the links/buttons and also keyboard focusing via &lt;tab> and activating with keyboard &lt;space> or &lt;enter>)</p>
+<p id="p1">Now is the <a rel="dombridge nav" href="http://time.com">time</a> for all good men to come to the aid of their country. <input type="button" value="yes" rel="dombridge popup" data-val="woot!"> (events on this button handled immediately)</p>
+<p id="p2">A deferred <input type="button" value="button" rel="dombridge popup" data-val="later!"> (handling of events on this button deferred for 10 seconds after page load)</p>
 
 <!-- example "tracking" element in page DOM -->
 <div style="display:none" rel="dombridge tracking" data-val="super"></div>
diff --git a/examples/test.js b/examples/test.js
index dc9f2ad..6d77931 100644
--- a/examples/test.js
+++ b/examples/test.js
@@ -2,11 +2,11 @@
 
 	// NOTE: this example uses jQuery only for demo purposes
 
-	global.EventHub.DOMBridge.bridgeFromContainer("body");
+	global.EventHub.DOMBridge.bridgeFrom("body");
 
 	// example 1 (handling a 'nav' element)
 	global.EventHub.DOMBridge
-	.filter({ elementType: "nav" })
+	.filter({ elementTypes: "nav" })
 	.on("do",function(el,elementType,evt){
 		evt.preventDefault();
 		alert("Navigate to: " + $(el).attr("href"));
@@ -15,21 +15,21 @@
 
 	// example 2 (additional event types, for a 'popup' element)
 	global.EventHub.DOMBridge
-	.filter({ elementTypes: ["popup"], selector: "#p1" })
+	.filter({ elementTypes: ["popup"], inSelector: "#p1" })
 	.on("do",function(el,elementType,evt){
 		alert("Popup '" + $(el).attr("data-val") + "'");
 	})
 	.on("start-hover",function(el,elementType,evt){
-		$(el).css({"textTransform": "uppercase"});
+		$(el).val("yes hovering");
 	})
 	.on("end-hover",function(el,elementType,evt){
-		$(el).css({"textTransform": ""});
+		$(el).val("yes");
 	});
 
 
 	// example 3 (preserving deferred event handling)
 	var filt = global.EventHub.DOMBridge
-	.filter({ elementType: "popup", selector: "#p2" })
+	.filter({ elementTypes: "popup", inSelector: "#p2" })
 	.preserve("do")
 	.preserveOnce("start-hover");
 
@@ -40,26 +40,27 @@
 			alert("Popup '" + $(el).attr("data-val") + "'");
 		})
 		.once("start-hover",function(el,elementType,evt){
-			$("#p2").append("hovered!");
+			$("#p2").append(" **BUTTON HOVERED**");
 		});
 	},10000);
 
 
 	// example 4 (handling dom-ready)
-	global.EventHub.once("dombridge:dom-ready",function(){
+	global.EventHub.on("dombridge:dom-ready",function(){
 		console.log("global: dom-ready");
 	});
-	global.EventHub.DOMBridge.filter(/*empty*/).once("dom-ready",function(){
-		console.log("filtered: dom-ready");
+	global.EventHub.DOMBridge.events.on("dom-ready",function(){
+		console.log("DOMBridge: dom-ready");
 	});
 
 
 	// example 5 (handling 'tracking' elements found in DOM at page load)
+	// NOTE: relies on custom bridge event type registered in "trackingelementevent.js"
 	global.EventHub.on("dombridge:tracking",function(el,elementType){
 		console.log("global: 'tracking' element found, '" + $(el).attr("data-val") + "'");
 	});
-	global.EventHub.DOMBridge.filter(/*empty*/).on("tracking",function(el,elementType){
-		console.log("filtered: 'tracking' element found, '" + $(el).attr("data-val") + "'");
+	global.EventHub.DOMBridge.events.on("tracking",function(el,elementType){
+		console.log("DOMBridge: 'tracking' element found, '" + $(el).attr("data-val") + "'");
 	});
 
 })(window,jQuery);
\ No newline at end of file
diff --git a/examples/trackingelementevent.js b/examples/trackingelementevent.js
index dca07f2..9204cca 100644
--- a/examples/trackingelementevent.js
+++ b/examples/trackingelementevent.js
@@ -10,9 +10,9 @@
 	global.EventHub.preserve("dombridge:tracking");
 
 	// search the DOM, once it's ready, for any "tracking" elements
-	global.EventHub.once("dombridge:dom-ready",function(){
+	global.EventHub.DOMBridge.events.on("dom-ready",function(){
 		$("[rel*='dombridge']").filter("[rel*='tracking']").each(function(){
-			global.EventHub.emit("dombridge:tracking",$(this),"tracking");
+			global.EventHub.emit("dombridge:tracking",this,"tracking");
 		});
 	});
 })(window,jQuery);
\ No newline at end of file
diff --git a/lib/dombridge.js b/lib/dombridge.js
index edae1e9..417a805 100644
--- a/lib/dombridge.js
+++ b/lib/dombridge.js
@@ -2,6 +2,9 @@
 // From: https://gist.github.com/atk/1034464
 if(!Object.keys){Object.keys=function(o,k,r){r=[];for(k in o)r.hasOwnProperty.call(o,k)&&r.push(k);return r}}
 
+// shim for Object.isArray() in non-ES5
+if (!Object.isArray){Object.isArray = function(obj){return Object.prototype.toString.call(obj) === "[object Array]";};}
+
 // shim for Array#indexOf() in non-ES5
 if(!Array.prototype.indexOf){Array.prototype.indexOf=function(e){var d=Object(this);var c=d.length>>>0;if(c===0){return-1}var a=0;if(arguments.length>1){a=Number(arguments[1]);if(a!=a){a=0}else if(a!=0&&a!=Infinity&&a!=-Infinity){a=(a>0||-1)*Math.floor(Math.abs(a))}}if(a>=c){return-1}var b=a>=0?a:Math.max(c-Math.abs(a),0);for(;b<c;b++){if(b in d&&d[b]===e){return b}}return-1}}
 
@@ -191,18 +194,71 @@ if(!Function.prototype.bind){Function.prototype.bind=function(b){var d=Array.pro
 		) {
 			args[0] = "dombridge:do";
 		}
-		else if (evt.type === "mouseover") {
+		else if (
+			evt.type === "mouseover" ||
+			evt.type === "focus"
+		) {
 			args[0] = "dombridge:start-hover";
 		}
-		else if (evt.type === "mouseout") {
+		else if (
+			evt.type === "mouseout" ||
+			evt.type === "blur"
+		) {
 			args[0] = "dombridge:end-hover";
 		}
 
 		global.EventHub.emit.apply(global.EventHub,args);
 	}
 
-	// DOM event listener
-	function DOMEventHandler(evt) {
+	function makeDOMCaptureEventHandler(sel,elems,evtName) {
+		var tmp, matchSelector = [], i;
+
+		// return the cached handler if any
+		if (dom_capture_handlers[sel] &&
+			dom_capture_handlers[sel][elems] &&
+			dom_capture_handlers[sel][elems][evtName]
+		) {
+			return dom_capture_handlers[sel][elems][evtName];
+		}
+
+		// construct a matching selector test for the event target in question
+		tmp = elems.split(/\s*,\s*/);
+		for (i=0; i<tmp.length; i++) {
+			if (tmp[i]) {
+				matchSelector.push(sel + " " + tmp[i]);
+			}
+		}
+		matchSelector = matchSelector.join(",") || sel;
+
+		// make sure cache structure is ready
+		dom_capture_handlers[sel] = dom_capture_handlers[sel] || {};
+		dom_capture_handlers[sel][elems] = dom_capture_handlers[sel][elems] || {};
+
+		// cache handler
+		dom_capture_handlers[sel][elems][evtName] = function(evt) {
+			var $el = dom.$(evt.target), elementType = $el.attr("rel"), elementTypes;
+
+			// is event target one we are delegating for?
+			if (selects.is(evt.target,matchSelector)) {
+				// make sure we're only responding to "dombridge"-opted elements
+				if (elementType && elementType.match(/\bdombridge\b/)) {
+					elementTypes = elementType.replace(/\bdombridge\b/g,"").split(/\s+/);
+					for (i=0; i<elementTypes.length; i++) {
+						if (elementTypes[i] && elementTypes[i].match(/[^\s]/)) {
+							emitEvents($el[0],elementTypes[i],evt);
+						}
+					}
+
+					evt.stopPropagation();
+				}
+			}
+		};
+
+		return dom_capture_handlers[sel][elems][evtName];
+	}
+
+	// DOM bubble event listener
+	function DOMBubbleEventHandler(evt) {
 		var $el = dom.$(evt.target), elementType = $el.attr("rel"), elementTypes;
 
 		// make sure we're only responding to "dombridge"-opted elements
@@ -215,7 +271,6 @@ if(!Function.prototype.bind){Function.prototype.bind=function(b){var d=Array.pro
 			}
 
 			evt.stopPropagation();
-			evt.stopImmediatePropagation();
 		}
 	}
 
@@ -234,13 +289,22 @@ if(!Function.prototype.bind){Function.prototype.bind=function(b){var d=Array.pro
 		}
 	}
 
-	// bridge events from a DOM container(s) using event delegation
-	function bridgeFromContainer(sel,evts,elems) {
-		if (evts && typeof evts !== "string") evts = evts.join(" ");
-		if (elems && typeof elems !== "string") elems = elems.join(", ");
-		if (!evts || !evts.match(/[^\s]/)) evts = "click mouseover mouseout mousedown mouseup keypress";
+	// bridge events from DOM element(s) using event delegation
+	// NOTE: for `elems` param, if you don't pass it at all or if it's falsy, it defaults to the `defaultTargets` setting
+	//       otherwise, it's assumed to be the delegated elements selector for event delegation listening
+	function bridgeFrom(sel,elems,evts) {
+		var capturingEvents = [], tmp, i, j;
+
 		if (!sel) sel = "body";
-		if (!elems) elems = global.EventHub.DOMBridge.defaultTargets.join(", ");
+		if (!elems) elems = publicAPI.defaultTargets.join(", ");
+		else if (Object.isArray(elems)) elems = elems.join(", ");
+		if (evts && Object.isArray(evts)) evts = evts.join(" ");
+		if (!evts || !evts.match(/[^\s]/)) evts = publicAPI.defaultEvents.join(" ");
+		if (capturingSupported) {
+			if (~evts.indexOf("focus")) capturingEvents.push("focus");
+			if (~evts.indexOf("blur")) capturingEvents.push("blur");
+			if (~evts.indexOf("change")) capturingEvents.push("change");
+		}
 
 		if (!(sel in bridges) ||
 			!(evts in bridges[sel]) ||
@@ -250,52 +314,61 @@ if(!Function.prototype.bind){Function.prototype.bind=function(b){var d=Array.pro
 			bridges[sel][evts] = bridges[sel][evts] || {};
 			bridges[sel][evts][elems] = bridges[sel][evts][elems] || true;
 
-			events.handle(selects.find(sel)[0],evts,elems,DOMEventHandler);
-		}
-	}
-
-	// bridge events from a specific DOM element(s)
-	function bridgeFromElement(sel,evts) {
-		if (evts && typeof evts !== "string") evts = evts.join(" ");
-		if (!evts || !evts.match(/[^\s]/)) evts = "click mouseover mouseout mousedown mouseup keypress";
-		if (!sel) sel = "body";
-
-		if (!(sel in bridges) ||
-			!(evts in bridges[sel])
-		) {
-			bridges[sel] = bridges[sel] || {};
-			bridges[sel][evts] = bridges[sel][evts] || {};
-			bridges[sel][evts]["."] = bridges[sel][evts]["."] || true;
-
-			events.handle(selects.find(sel)[0],evts,DOMEventHandler);
+			tmp = selects.find(sel);
+			for (i=0; i<tmp.length; i++) {
+				events.handle(tmp[i],evts,elems,DOMBubbleEventHandler);
+
+				if (capturingEvents.length) {
+					for (j=0; j<capturingEvents.length; j++) {
+						tmp[i].addEventListener(
+							/*event=*/capturingEvents[j],
+							/*handler=*/makeDOMCaptureEventHandler(sel,elems,capturingEvents[j]),
+							/*capturing=*/true
+						);
+					}
+				}
+			}
 		}
 	}
 
 	// shut down a specific element/container bridging
-	// NOTE: for `elems` param, if you don't pass it at all, it defaults to the `defaultTargets` setting
-	//       if you pass a falsy value, it assumes "." to remove a bridge from the `sel` element itself.
-	//       otherwise, any truthy value is assumed to be the delegated elements selector
-	function removeBridge(sel,evts,elems) {
-		if (evts && typeof evts !== "string") evts = evts.join(" ");
-		if (elems && typeof elems !== "string") elems = elems.join(", ");
-		if (!evts || !evts.match(/[^\s]/)) evts = "click mouseover mouseout mousedown mouseup keypress";
+	// NOTE: for `elems` param, if you don't pass it at all or if it's falsy, it defaults to the `defaultTargets` setting
+	//       otherwise, it's assumed to be the delegated elements selector for event delegation listening
+	function removeBridge(sel,elems,evts) {
+		var capturingEvents = [], tmp, i, j;
+
 		if (!sel) sel = "body";
-		if (typeof elems === "undefined") elems = global.EventHub.DOMBridge.defaultTargets.join(", ");
-		else if (!elems) elems = ".";
+		if (!elems) elems = publicAPI.defaultTargets.join(", ");
+		if (!elems) elems = publicAPI.defaultTargets.join(", ");
+		else if (Object.isArray(elems)) elems = elems.join(", ");
+		if (!evts || !evts.match(/[^\s]/)) evts = publicAPI.defaultEvents.join(" ");
+		if (capturingSupported) {
+			if (~evts.indexOf("focus")) capturingEvents.push("focus");
+			if (~evts.indexOf("blur")) capturingEvents.push("blur");
+			if (~evts.indexOf("change")) capturingEvents.push("change");
+		}
 
 		if (bridges[sel] && bridges[sel][evts] && bridges[sel][evts][elems]) {
-			if (elems === ".") {
-				events.remove(selects.find(sel)[0],evts,DOMEventHandler);
-			}
-			else {
-				events.remove(selects.find(sel)[0],evts,elems,DOMEventHandler);
+			tmp = selects.find(sel);
+			for (i=0; i<tmp.length; i++) {
+				events.remove(tmp[i],evts,elems,DOMBubbleEventHandler);
+				delete bridges[sel][evts][elems];
+
+				if (capturingEvents.length) {
+					for (j=0; j<capturingEvents.length; j++) {
+						tmp[i].removeEventListener(
+							/*event=*/capturingEvents[j],
+							/*handler=*/makeDOMCaptureEventHandler(sel,elems,capturingEvents[j]),
+							/*capturing=*/true
+						);
+					}
+				}
 			}
-			delete bridges[sel][evts][elems];
 		}
 	}
 
 	// start up the event bridge handling
-	function startBridging() {
+	function resumeBridging() {
 		if (!bridging) {
 			bridging = true;
 			manageBridgeEventHandlers(/*bind=*/true);
@@ -333,85 +406,79 @@ if(!Function.prototype.bind){Function.prototype.bind=function(b){var d=Array.pro
 	}
 
 	// filter events based on several options:
-	// * elementType: string; value appearing in element's `rel` attribute
 	// * elementTypes: [string, ...]; values appearing in element's `rel` attribute
-	// * eventType: string; representing the DOM event type ("click", "mouseover", etc)
 	// * eventTypes: [string, ...]; values appearing in element's `rel` attribtue value
-	// * selector: string; value is a DOM CSS selector which must select either the event's target element,
-	//      or one of the target element's ancestors (parents)
+	// * inSelector: string; a DOM CSS selector which must be a collection that contains the event's target
 	function filter(opts) {
 
 		// check an event against the filter options to see if it should be allowed or not
 		function checkFilter(el,elementType,evt) {
 			var ok = true, $el = dom.$(el);
 
-			// `elementType` filter specified but not matched?
-			if (ok && ("elementType" in opts) && opts.elementType !== elementType) {
-				ok = false;
-			}
 			// `elementTypes` filter specified but none matched?
 			// ~indexOf explanation: http://webreflection.blogspot.com/2008/06/two-simple-tricks-in-javascript-olds.html
 			if (ok && "elementTypes" in opts && !~opts.elementTypes.indexOf(elementType)) {
 				ok = false;
 			}
 
-			// `eventType` filter specified but not matched?
-			if (ok && "eventType" in opts && opts.eventType !== evt.type) {
-				ok = false;
-			}
 			// `eventTypes` filter specified but none matched?
 			if (ok && "eventTypes" in opts && !~opts.eventTypes.indexOf(evt.type)) {
 				ok = false;
 			}
 
-			// `selector` filter specified but not matched?
-			if (ok && "selector" in opts && !selects.is(el,opts.selector + "," + opts.selector + " *")) {
+			// `inSelector` filter specified but not matched?
+			if (ok && "inSelector" in opts && !selects.is(el,opts.inSelector + "," + opts.inSelector + " *")) {
 				ok = false;
 			}
 
 			return ok;
 		}
 
+		// factory for filter event handlers
+		function makeHandler(evtName) {
+			return function(el,elementType,evt){
+				// handle event?
+				if (checkFilter(el,elementType,evt)) {
+					listener.emit(evtName,el,elementType,evt);
+				}
+			};
+		}
+
+
 		var i, filter, listener = new EventEmitter();
 
 		// normalize the filter options passed in
 		opts = opts || {};
-		if (opts.elementTypes && Object.prototype.toString.call(opts.elementTypes) !== "[object Array]") {
-			opts.elementTypes = (opts.elementTypes || "").split(/\s+/);
+		if (opts.elementTypes && typeof opts.elementTypes === "string") {
+			opts.elementTypes = opts.elementTypes.split(/\s+/);
 		}
-		if (opts.eventTypes && Object.prototype.toString.call(opts.eventTypes) !== "[object Array]") {
-			opts.eventTypes = (opts.eventTypes || "").split(/\s+/);
+		if (opts.eventTypes && typeof opts.eventTypes === "string") {
+			opts.eventTypes = opts.eventTypes.split(/\s+/);
 		}
 
 		// clean up memory for a filter-listener when done with it
 		listener.destroy = function(){
 			delete filter.listener;
+			delete filter.makeHandler;
 			for (var i in filter) {
 				this.off(i,filter[i]);
 				filter[i] = null;
 			}
 		};
 
-		// set up filter handlers for each bridge event type
 		filter = {};
+
+		// set up filter handlers for each bridge event type
 		for (i=0; i<bridge_event_types.length; i++) {
-			(function(evtNameNS,evtName){
-				filter[evtNameNS] = function(el,elementType,evt){
-					// handle event?
-					if (checkFilter(el,elementType,evt)) {
-						listener.emit(evtName,el,elementType,evt);
-					}
-				};
-			})(bridge_event_types[i],bridge_event_types[i].replace(/^.*?:/,""));
-		}
+			// make filter handler and store it (for unbinding)
+			filter[bridge_event_types[i]] = makeHandler(bridge_event_types[i].replace(/^.*?:/,""));
 
-		// set up listening bindings for filter handlers
-		for (i in filter) {
-			listener.on(i,filter[i]);
+			// set up listening binding for filter handler
+			listener.on(bridge_event_types[i],filter[bridge_event_types[i]]);
 		}
 
+		filter.makeHandler = makeHandler;
 		filter.listener = listener;
-
 		filters.push(filter);
 
 		return filter.listener;
@@ -419,10 +486,17 @@ if(!Function.prototype.bind){Function.prototype.bind=function(b){var d=Array.pro
 
 	// register another bridge event type for handling
 	function registerBridgeEventType(bridgeEvtType) {
+		if (bridgeEvtType === "listener") throw new Error("DOMBridge: Illegal bridge event type");
 		if (!~bridge_event_types.indexOf(bridgeEvtType)) {
 			bridge_event_types.push(bridgeEvtType);
 			bridge_event_handlers[bridgeEvtType] = bridgeEventHandler.bind(null,bridgeEvtType);
 			global.EventHub.on(bridgeEvtType,bridge_event_handlers[bridgeEvtType]);
+
+			// update all existing filters with this new bridge event type
+			for (var i=0; i<filters.length; i++) {
+				filters[i][bridgeEvtType] = filters[i][bridgeEvtType] || filters[i].makeHandler(bridgeEvtType.replace(/^.*?:/,""));
+				filters[i].listener.on(bridgeEvtType,filters[i][bridgeEvtType]);
+			}
 		}
 	}
 
@@ -446,7 +520,12 @@ if(!Function.prototype.bind){Function.prototype.bind=function(b){var d=Array.pro
 
 		bridging = false,
 		bridges = {},
-		filters = []
+		filters = [],
+
+		dom_capture_handlers = {},
+
+		publicAPI,
+		capturingSupported = !!document.addEventListener
 	;
 
 	// set up the bound bridge event handlers
@@ -455,19 +534,20 @@ if(!Function.prototype.bind){Function.prototype.bind=function(b){var d=Array.pro
 	}
 
 	// the public interface
-	global.EventHub.DOMBridge = {
+	publicAPI = global.EventHub.DOMBridge = {
 		defaultTargets: [ "a", "button", "input[type='button']" ],
-		bridgeFromContainer: bridgeFromContainer,
-		bridgeFromElement: bridgeFromElement,
+		defaultEvents: ["click", "mouseover", "mouseout", "mousedown", "mouseup", "keypress", "focus", "blur", "change"],
+		events: filter(/*empty*/), // set up a default unfiltered listener
+		bridgeFrom: bridgeFrom,
 		removeBridge: removeBridge,
-		startBridging: startBridging,
 		stopBridging: stopBridging,
+		resumeBridging: resumeBridging,
 		filter: filter,
 		registerBridgeEventType: registerBridgeEventType
 	};
 
 	// initialize the bridging
-	startBridging();
+	resumeBridging();
 
 	// special dom-ready event handling
 	global.EventHub.preserveOnce("dombridge:dom-ready");
diff --git a/lib/eventhub.js b/lib/eventhub.js
index b403f53..55566e1 100644
--- a/lib/eventhub.js
+++ b/lib/eventhub.js
@@ -26,8 +26,10 @@
 	EventEmitter.prototype.addListener = EventEmitter.prototype.on;
 
 	EventEmitter.prototype.once = function (name, callback) {
+		var alreadyFired = (this._preserved && this._preserved[name] && this._preserved[name]._fired);
 		this.on(name, callback);
 		this.on(name, remove);
+		if (alreadyFired) remove.call(this); // make sure a preserved "once" event only actually fires once
 		function remove() {
 			this.off(name, callback);
 			this.off(name, remove);
@@ -71,6 +73,7 @@
 		this._preserved = this._preserved || {};
 		if (this._preserved[name]) return;
 		var cb = (function(){
+			this._preserved[name]._fired = true;
 			this._preserved[name].push([].slice.call(arguments));
 		}).bind(this);
 		this.on(name,cb);
@@ -82,6 +85,7 @@
 		this._preserved = this._preserved || {};
 		if (this._preserved[name]) return;
 		var cb = (function(){
+			this._preserved[name]._fired = true;
 			this._preserved[name].push([].slice.call(arguments));
 		}).bind(this);
 		this.once(name,cb);