how to get the originalEvent without jquery on iphone .

Question

for some reason, i can't use jquey ,

this is my code :

document.addEventListener("touchstart", function(e) {
              e.preventDefault();
              var orig = e.originalEvent;
              var x = orig.changedTouches[0].pageX;
              var y = orig.changedTouches[0].pageY;

              //id("#draggable").css({top: y, left: x});
              id("draggable").style.left=x;
              id("draggable").style.top=y;

            });

use jquery , you can get the originalEvent , but if you don't use it ,

how to get it ,

thanks

Answer 1

var x = e.pageX;

If you have Safari on your desktop, open it in iPhone mode
Develop-> User Agent-> Mobile Safari...
And put a breakpoint inside your function, the you can inspect the e object and all its properties.

Answer 2

jQuery's event object that it passes to event listener function is jQuery's own creation. Its originalEvent property is the actual Event object created by the browser, so if you attach an event listener without jQuery, the event object that is passed to your listener is exactly the same as the originalEvent property of a jQuery event object. Therefore in your example, e is precisely what e.originalEvent would point to if you'd used jQuery.