Lungo.Dom.Event.js 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  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 without event delegation
  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 (_isNotSpecialEvent(selector, event_name, callback)) {
  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. var _isNotSpecialEvent = function(selector, event_name, callback) {
  89. var is_special_event = false;
  90. /*
  91. var SPECIAL_EVENTS = {
  92. SWIPE: 'swipe',
  93. SWIPE_LEFT: 'swipeLeft',
  94. SWIPE_RIGHT: 'swipeRight',
  95. SWIPE_UP: 'swipeUp',
  96. SWIPE_DOWN: 'swipeDown',
  97. DOUBLE_TAP: 'doubleTap'
  98. };
  99. var special_event = SPECIAL_EVENTS[event_name];
  100. lng.Dom.query(selector)[special_event](callback);
  101. */
  102. switch(event_name) {
  103. case 'SWIPE':
  104. lng.Dom.query(selector).swipe(callback);
  105. break;
  106. case 'SWIPE_LEFT':
  107. lng.Dom.query(selector).swipeLeft(callback);
  108. break;
  109. case 'SWIPE_RIGHT':
  110. lng.Dom.query(selector).swipeRight(callback);
  111. break;
  112. case 'SWIPE_UP':
  113. lng.Dom.query(selector).swipeUp(callback);
  114. break;
  115. case 'SWIPE_DOWN':
  116. lng.Dom.query(selector).swipeDown(callback);
  117. break;
  118. case 'DOUBLE_TAP':
  119. if (lng.Environment.isDesktop()) {
  120. lng.Dom.query(selector).live(lng.Events.get(event_name), callback);
  121. } else {
  122. lng.Dom.query(selector).doubleTap(callback);
  123. }
  124. break;
  125. default:
  126. is_special_event = true;
  127. }
  128. return is_special_event;
  129. };
  130. return {
  131. bind: bind,
  132. unbind: unbind,
  133. live: live,
  134. die: die,
  135. delegate: delegate,
  136. undelegate: undelegate
  137. };
  138. })(LUNGO);