Advertisement
Guest User

Touch Events

a guest
Jun 18th, 2013
2,380
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. //It is supposed to receive a Bitmap object.
  2. function addTouchEvents(object) {
  3.     log("Touch event added for "+ object.toString);
  4.     //Since I am receiving a easeljs object, there is no need to stop propagation or prevent default.
  5.     //http://community.createjs.com/discussions/easeljs/1104-prevent-event-propagation
  6.     var el;
  7.     el = object;
  8.     el.addEventListener('mousedown', onMouseDown);
  9.     el.addEventListener('mousemove', onMouseMove);
  10.     el.addEventListener('touchstart', onTouchStart);
  11.     el.addEventListener('touchmove', onTouchMove);
  12. }
  13.  
  14. function onMouseDown(e) {
  15.     log('-> mouse down');
  16.     e.touches = [{
  17.         clientX: e.clientX,
  18.         clientY: e.clientY
  19.     }];
  20.     onTouchStart(e);
  21. }
  22.  
  23. function onMouseMove(e) {
  24.     log('-> mouse move');
  25.     e.touches = [{
  26.         clientX: e.clientX,
  27.         clientY: e.clientY
  28.     }];
  29.     onTouchMove(e);
  30. }
  31.  
  32. function onTouchStart(e) {
  33.     log('-> touch start');
  34.     //do something with e.touches[0].clientX or e.touches[0].clientY
  35. }
  36.  
  37. function onTouchMove(e) {
  38.     log('-> touch move');
  39.     //do something with e.touches[0].clientX or e.touches[0].clientY
  40. }
  41.  
  42. function log(str) {
  43.     console.log(str);
  44. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement