onTouchPointJS
function onTouchPoint(element, callback) {
//TODO: use pointer events
window.addEventListener('click', function (evt) {
var x = evt.clientX;
var y = evt.clientY;
console.log("mouse pos:"+ x +","+ y);
console.log("element pos:"+ $(element).offset().left +","+ ($(element).offset().top - $(window).scrollTop()).toString() );
if(x > $(element).offset().left &&
y > ($(element).offset().top - $(window).scrollTop()) &&
x < $(element).offset().left + $(element).width() &&
y < ($(element).offset().top - $(window).scrollTop()) + $(element).height() ) {
callback(evt);
}
});
}
onTouchPoint($('.selector'), function(e) {
console.log(e.target);
console.log("clicked");
});