handle-dom.js 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. var hasClass = function(elem, className) {
  2. return new RegExp(' ' + className + ' ').test(' ' + elem.className + ' ');
  3. };
  4. var addClass = function(elem, className) {
  5. if (!hasClass(elem, className)) {
  6. elem.className += ' ' + className;
  7. }
  8. };
  9. var removeClass = function(elem, className) {
  10. var newClass = ' ' + elem.className.replace(/[\t\r\n]/g, ' ') + ' ';
  11. if (hasClass(elem, className)) {
  12. while (newClass.indexOf(' ' + className + ' ') >= 0) {
  13. newClass = newClass.replace(' ' + className + ' ', ' ');
  14. }
  15. elem.className = newClass.replace(/^\s+|\s+$/g, '');
  16. }
  17. };
  18. var escapeHtml = function(str) {
  19. var div = document.createElement('div');
  20. div.appendChild(document.createTextNode(str));
  21. return div.innerHTML;
  22. };
  23. var _show = function(elem) {
  24. elem.style.opacity = '';
  25. elem.style.display = 'block';
  26. };
  27. var show = function(elems) {
  28. if (elems && !elems.length) {
  29. return _show(elems);
  30. }
  31. for (var i = 0; i < elems.length; ++i) {
  32. _show(elems[i]);
  33. }
  34. };
  35. var _hide = function(elem) {
  36. elem.style.opacity = '';
  37. elem.style.display = 'none';
  38. };
  39. var hide = function(elems) {
  40. if (elems && !elems.length) {
  41. return _hide(elems);
  42. }
  43. for (var i = 0; i < elems.length; ++i) {
  44. _hide(elems[i]);
  45. }
  46. };
  47. var isDescendant = function(parent, child) {
  48. var node = child.parentNode;
  49. while (node !== null) {
  50. if (node === parent) {
  51. return true;
  52. }
  53. node = node.parentNode;
  54. }
  55. return false;
  56. };
  57. var getTopMargin = function(elem) {
  58. elem.style.left = '-9999px';
  59. elem.style.display = 'block';
  60. var height = elem.clientHeight,
  61. padding;
  62. if (typeof getComputedStyle !== "undefined") { // IE 8
  63. padding = parseInt(getComputedStyle(elem).getPropertyValue('padding-top'), 10);
  64. } else {
  65. padding = parseInt(elem.currentStyle.padding);
  66. }
  67. elem.style.left = '';
  68. elem.style.display = 'none';
  69. return ('-' + parseInt((height + padding) / 2) + 'px');
  70. };
  71. var fadeIn = function(elem, interval) {
  72. if (+elem.style.opacity < 1) {
  73. interval = interval || 16;
  74. elem.style.opacity = 0;
  75. elem.style.display = 'block';
  76. var last = +new Date();
  77. var tick = function() {
  78. elem.style.opacity = +elem.style.opacity + (new Date() - last) / 100;
  79. last = +new Date();
  80. if (+elem.style.opacity < 1) {
  81. setTimeout(tick, interval);
  82. }
  83. };
  84. tick();
  85. }
  86. elem.style.display = 'block'; //fallback IE8
  87. };
  88. var fadeOut = function(elem, interval) {
  89. interval = interval || 16;
  90. elem.style.opacity = 1;
  91. var last = +new Date();
  92. var tick = function() {
  93. elem.style.opacity = +elem.style.opacity - (new Date() - last) / 100;
  94. last = +new Date();
  95. if (+elem.style.opacity > 0) {
  96. setTimeout(tick, interval);
  97. } else {
  98. elem.style.display = 'none';
  99. }
  100. };
  101. tick();
  102. };
  103. var fireClick = function(node) {
  104. // Taken from http://www.nonobtrusive.com/2011/11/29/programatically-fire-crossbrowser-click-event-with-javascript/
  105. // Then fixed for today's Chrome browser.
  106. if (typeof MouseEvent === 'function') {
  107. // Up-to-date approach
  108. var mevt = new MouseEvent('click', {
  109. view: window,
  110. bubbles: false,
  111. cancelable: true
  112. });
  113. node.dispatchEvent(mevt);
  114. } else if ( document.createEvent ) {
  115. // Fallback
  116. var evt = document.createEvent('MouseEvents');
  117. evt.initEvent('click', false, false);
  118. node.dispatchEvent(evt);
  119. } else if (document.createEventObject) {
  120. node.fireEvent('onclick') ;
  121. } else if (typeof node.onclick === 'function' ) {
  122. node.onclick();
  123. }
  124. };
  125. var stopEventPropagation = function(e) {
  126. // In particular, make sure the space bar doesn't scroll the main window.
  127. if (typeof e.stopPropagation === 'function') {
  128. e.stopPropagation();
  129. e.preventDefault();
  130. } else if (window.event && window.event.hasOwnProperty('cancelBubble')) {
  131. window.event.cancelBubble = true;
  132. }
  133. };
  134. export {
  135. hasClass, addClass, removeClass,
  136. escapeHtml,
  137. _show, show, _hide, hide,
  138. isDescendant,
  139. getTopMargin,
  140. fadeIn, fadeOut,
  141. fireClick,
  142. stopEventPropagation
  143. };