Lungo.Dom.Event.js 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. /**
  2. * Lungo DOM UI events Manager
  3. *
  4. * @namespace LUNGO.Dom
  5. * @class Event
  6. * @requires Zepto
  7. *
  8. * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
  9. * @author Guillermo Pascual <pasku@tapquo.com> || @pasku1
  10. */
  11. LUNGO.Dom.Event = (function(lng, undefined) {
  12. /**
  13. * Add an event listener
  14. *
  15. * @method bind
  16. *
  17. * @param {string} Selector that dispatches the event
  18. * @param {string} Touch event name
  19. * @param {Function} Callback function after the request
  20. */
  21. var bind = function(selector, event_name, callback) {
  22. if (_isNotSpecialEvent(selector, event_name, callback)) {
  23. lng.Dom.query(selector).bind(lng.Events.get(event_name), callback);
  24. }
  25. };
  26. /**
  27. * Remove bind event listener
  28. *
  29. * @method unbind
  30. *
  31. * @param {string} Selector that dispatches the event
  32. * @param {string} Touch event name
  33. */
  34. var unbind = function(selector, event_name) {
  35. lng.Dom.query(selector).unbind(lng.Events.get(event_name));
  36. };
  37. /**
  38. * Add an event listener that listens to the selector for current and future elements
  39. *
  40. * @method live
  41. *
  42. * @param {string} Selector that dispatches the event
  43. * @param {string} Touch event name
  44. * @param {Function} Callback function after the request
  45. */
  46. var live = function(selector, event_name, callback) {
  47. if (_isNotSpecialEvent(selector, event_name, callback)) {
  48. lng.Dom.query(selector).live(lng.Events.get(event_name), callback);
  49. }
  50. };
  51. /**
  52. * Remove live listener
  53. *
  54. * @method die
  55. *
  56. * @param {string} Selector that dispatches the event
  57. * @param {string} Event name
  58. */
  59. var die = function(selector, event_name) {
  60. lng.Dom.query(selector).die(lng.Events.get(event_name));
  61. };
  62. /**
  63. * Add an event listener with event delegation if enviornment allows event.
  64. *
  65. * @method delegate
  66. *
  67. * @param {string} Selector that dispatches the event
  68. * @param {string} Children of selector that dispatches the event
  69. * @param {string} Touch event name
  70. * @param {Function} Callback function after the request
  71. */
  72. var delegate = function(selector, children_selector, event_name, callback) {
  73. if (typeof lng.Events.get(event_name) !== 'undefined') {
  74. lng.Dom.query(selector).delegate(children_selector, lng.Events.get(event_name), callback);
  75. }
  76. };
  77. /**
  78. * Remove delegate event listener
  79. *
  80. * @method undelegate
  81. *
  82. * @param {string} Selector that dispatches the event
  83. * @param {string} Children of selector that dispatches the event
  84. */
  85. var undelegate = function(selector, children_selector) {
  86. lng.Dom.query(selector).undelegate(selector);
  87. };
  88. /**
  89. * Listener for DOMelement
  90. *
  91. * @method listener
  92. *
  93. * @param {object} Selector that dispatches the event
  94. * @param {string} Touch event name
  95. * @param {Function} Callback function after the request
  96. */
  97. var listener = function(selector, event_name, callback) {
  98. selector.addEventListener(lng.Events.get(event_name), function(event) {
  99. setTimeout(callback, 0, event);
  100. }, false);
  101. };
  102. var _isNotSpecialEvent = function(selector, event_name, callback) {
  103. var is_special_event = false;
  104. /*
  105. var SPECIAL_EVENTS = {
  106. SWIPE: 'swipe',
  107. SWIPE_LEFT: 'swipeLeft',
  108. SWIPE_RIGHT: 'swipeRight',
  109. SWIPE_UP: 'swipeUp',
  110. SWIPE_DOWN: 'swipeDown',
  111. DOUBLE_TAP: 'doubleTap'
  112. };
  113. var special_event = SPECIAL_EVENTS[event_name];
  114. lng.Dom.query(selector)[special_event](callback);
  115. */
  116. /* switch(event_name) {
  117. case 'SWIPE':
  118. lng.Dom.query(selector).swipe(callback);
  119. break;
  120. case 'SWIPE_LEFT':
  121. lng.Dom.query(selector).swipeLeft(callback);
  122. break;
  123. case 'SWIPE_RIGHT':
  124. lng.Dom.query(selector).swipeRight(callback);
  125. break;
  126. case 'SWIPE_UP':
  127. lng.Dom.query(selector).swipeUp(callback);
  128. break;
  129. case 'SWIPE_DOWN':
  130. lng.Dom.query(selector).swipeDown(callback);
  131. break;
  132. case 'DOUBLE_TAP':
  133. if (lng.Environment.isDesktop()) {
  134. lng.Dom.query(selector).live(lng.Events.get(event_name), callback);
  135. } else {
  136. lng.Dom.query(selector).doubleTap(callback);
  137. }
  138. break;
  139. default:
  140. is_special_event = true;
  141. }*/
  142. if(event_name === 'DOUBLE_TAP'){
  143. if (lng.Environment.isDesktop()) {
  144. lng.Dom.query(selector).live(lng.Events.get(event_name), callback);
  145. } else {
  146. lng.Dom.query(selector).doubleTap(callback);
  147. }
  148. } else{
  149. is_special_event = true;
  150. }
  151. return is_special_event;
  152. };
  153. return {
  154. bind: bind,
  155. unbind: unbind,
  156. live: live,
  157. die: die,
  158. delegate: delegate,
  159. undelegate: undelegate,
  160. listener: listener
  161. };
  162. })(LUNGO);