Should allow element instead of selector argument

[davidpfahler]

tappable would be much more useful if you could bind the events to a DOM element you provide instead of the selector. When using only selectors, it's very easy to shoot yourself in the foot by adding multiple handlers to the same set of elements.

[SunboX]

Yeah, came across this one, too. :( My code looks something like this:

var screen = document.getElementById('screen');

// ... a lot more code ...

var btn = screen.querySelector('.button');
tappable(btn, function() {
    // doSometing
});

I tried to implement it like this:

var target = typeof selector === 'string' ? closest(getTarget(e), selector) : selector;

// ... and ...

var target = typeof selector === 'string' ? closest(e.target, selector) : selector;

But this will break it. :/ If you touch something, all buttons will fire a touch event.

If I provide the selector as string, my code will end up with a lot identical string selectors. Or I have todo something like:

var screenSelector = '#screen ';
tappable(screenSelector + '.button', ...);
tappable(screenSelector + '.header', ...);
tappable(screenSelector + '.fancy-icon', ...);
tappable(screenSelector + '.options-menu-icon', ...);
//...