Advertisement
Guest User

Untitled

a guest
Feb 23rd, 2019
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.50 KB | None | 0 0
  1. var drag = $(".drag")[0];
  2. xPos = drag.offsetWidth / 2;
  3. yPos = drag.offsetHeight / 2;
  4. drag.addEventListener("touchmove", function() {
  5. event.preventDefault();
  6. $(this).css({
  7. 'left' : event.targetTouches[0].pageX - xPos + 'px',
  8. 'top' : event.targetTouches[0].pageY - yPos + 'px'
  9. });
  10. });
  11.  
  12. $(".drag").each(function () {
  13. var drag = this;
  14. xPos = drag.offsetWidth / 2;
  15. yPos = drag.offsetHeight / 2;
  16. drag.addEventListener("touchmove", function() {
  17. event.preventDefault();
  18. $(this).css({
  19. 'left' : event.targetTouches[0].pageX - xPos + 'px',
  20. 'top' : event.targetTouches[0].pageY - yPos + 'px'
  21. });
  22. });
  23. });​
  24.  
  25. // an array of all elements with class "drag"
  26. // each element is wrapped
  27. var drag = $(".drag");
  28.  
  29. // selects all matching elements, but then references
  30. // the first raw DOM element in the array
  31. var drag = $(".drag")[0];
  32.  
  33. var matches = $(".drag");
  34.  
  35. // each() executes a function for each matched element
  36. matches.each(function () {
  37. var drag = this; // raw dom element
  38.  
  39. // or, wrap to get jQuery object
  40. // var drag = $(this);
  41. });​
  42.  
  43. var drag = $(".drag");
  44.  
  45. drag.on("touchmove", function(event) {
  46. xPos = $(this).offsetWidth / 2;
  47. yPos = $(this).offsetHeight / 2;
  48.  
  49. event.preventDefault(); // preventDefault is IE-specific, is it?
  50.  
  51. $(this).css({
  52. 'left' : event.targetTouches[0].pageX - xPos + 'px',
  53. 'top' : event.targetTouches[0].pageY - yPos + 'px'
  54. });
  55. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement