onTouchPointJS

onTouchPoint.js

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");
});