Advertisement
Guest User

Untitled

a guest
Jul 30th, 2015
219
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.07 KB | None | 0 0
  1. var x = event.targetTouches[0].pageX,
  2. y = event.targetTouches[0].pageY;
  3.  
  4. <!doctype html>
  5. <html lang="en" class="no-js">
  6. <head>
  7. <meta charset="utf-8">
  8.  
  9. <title>Touch event test</title>
  10.  
  11. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12.  
  13. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  14. </head>
  15.  
  16. <body>
  17.  
  18. <script>
  19. $(function() {
  20. var $log = $("#log");
  21.  
  22. function updateLog(x, y) {
  23. $log.html('X: '+x+'; Y: '+y);
  24. }
  25.  
  26. document.addEventListener('touchstart', function(e) {
  27. updateLog(e.changedTouches[0].pageX, e.changedTouches[0].pageY);
  28. }, false);
  29.  
  30. document.addEventListener('touchmove', function(e) {
  31. e.preventDefault();
  32. updateLog(e.targetTouches[0].pageX, e.targetTouches[0].pageY);
  33. }, false);
  34. });
  35. </script>
  36.  
  37. <div id="log"></div>
  38.  
  39. </body>
  40. </html>
  41.  
  42. x = event.originalEvent.pageX;
  43. y = event.originalEvent.pageY;
  44.  
  45. var x = event.originalEvent.touches[0].clientX;
  46. var y = event.originalEvent.touches[0].clientY;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement