Comments on Carrer Blog: Event Delegation - JavaScript

@Anonymous: Thanks for the tip. I wanted to say ...

2011-05-24T14:28:00.578+02:00

@Anonymous: Thanks for the tip.

I wanted to say building, making, construct. I thought that building a project = projecting. I will update the post.

"projecting" means to stick out, suspect...

2011-05-24T13:36:49.807+02:00

"projecting" means to stick out, suspect you mean project managing so why not say that!

@Billangelo: Thanks for the comment. I thought to...

2011-05-24T01:25:00.350+02:00

@Billangelo: Thanks for the comment.

I thought to implement in the future multiple event.type like jQuery does, something like:

if (e.type == 'mouseover') {
..do something
}

if (e.type == 'click') {
..do something
}

or use switch/case logic

You could do that, or make it very simple using jq...

2011-05-23T22:59:27.216+02:00

You could do that, or make it very simple using jquery and fire a function rather then events if you need it quick and simple:

$('a').click(function(){
switch($(this).attr('id')) {
case 'draggable':
// dispatch dragging event
dispatchEvent(initTouchEvent(bla, bla, bla));
break;
}
});

Then add universal event listener(s) once so any object that dispatch's an event will have a universal event listener rather then an event listener for every object, switch it through a function to specifically target what you want to do with the type of event dispatched, and voila less complicated, organized, leaner, faster running code.

document.addEventListener('touchStart', touchEventHandler, false);
document.addEventListener('touchEnd', touchEventHandler, false);

function touchEventHandler(event) {
switch (event.type) {
case 'touchStart':
// do something based on the current object dispatching the event
break;
}

Technically you don't need to dispatch an event (first example of jquery), since every time you touch/gesture the screen you are dispatching an event and just need to grab specific data of what you're touching in order to do something. Which you pass it through your fuction handler that determines what you did, and fires functions/code to do what you want with what you touched.

@raptor: Thanks! Nice suggestion! I actually was...

2011-05-23T13:09:13.986+02:00

@raptor:
Thanks! Nice suggestion!
I actually wasn't familiar with mozMatchesSelector and webkitMatchesSelector and it definitely can be useful for selector matching.

If it's only supposed to work in WebKit, you d...

2011-05-23T03:41:37.877+02:00

If it's only supposed to work in WebKit, you don't even need to select elements to compare against in the delegate handler. You can just use the webkitMatchesSelector() method on the target element instead.