ZeroClipboard.js 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458
  1. /*!
  2. * ZeroClipboard
  3. * The ZeroClipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie and a JavaScript interface.
  4. * Copyright (c) 2013 Jon Rohan, James M. Greene
  5. * Licensed MIT
  6. * http://zeroclipboard.org/
  7. * v1.2.0-beta.4
  8. */
  9. (function() {
  10. "use strict";
  11. var _camelizeCssPropName = function() {
  12. var matcherRegex = /\-([a-z])/g, replacerFn = function(match, group) {
  13. return group.toUpperCase();
  14. };
  15. return function(prop) {
  16. return prop.replace(matcherRegex, replacerFn);
  17. };
  18. }();
  19. var _getStyle = function(el, prop) {
  20. var value, camelProp, tagName, possiblePointers, i, len;
  21. if (window.getComputedStyle) {
  22. value = window.getComputedStyle(el, null).getPropertyValue(prop);
  23. } else {
  24. camelProp = _camelizeCssPropName(prop);
  25. if (el.currentStyle) {
  26. value = el.currentStyle[camelProp];
  27. } else {
  28. value = el.style[camelProp];
  29. }
  30. }
  31. if (prop === "cursor") {
  32. if (!value || value === "auto") {
  33. tagName = el.tagName.toLowerCase();
  34. possiblePointers = [ "a" ];
  35. for (i = 0, len = possiblePointers.length; i < len; i++) {
  36. if (tagName === possiblePointers[i]) {
  37. return "pointer";
  38. }
  39. }
  40. }
  41. }
  42. return value;
  43. };
  44. var _elementMouseOver = function(event) {
  45. if (!ZeroClipboard.prototype._singleton) return;
  46. if (!event) {
  47. event = window.event;
  48. }
  49. var target;
  50. if (this !== window) {
  51. target = this;
  52. } else if (event.target) {
  53. target = event.target;
  54. } else if (event.srcElement) {
  55. target = event.srcElement;
  56. }
  57. ZeroClipboard.prototype._singleton.setCurrent(target);
  58. };
  59. var _addEventHandler = function(element, method, func) {
  60. if (element.addEventListener) {
  61. element.addEventListener(method, func, false);
  62. } else if (element.attachEvent) {
  63. element.attachEvent("on" + method, func);
  64. }
  65. };
  66. var _removeEventHandler = function(element, method, func) {
  67. if (element.removeEventListener) {
  68. element.removeEventListener(method, func, false);
  69. } else if (element.detachEvent) {
  70. element.detachEvent("on" + method, func);
  71. }
  72. };
  73. var _addClass = function(element, value) {
  74. if (element.addClass) {
  75. element.addClass(value);
  76. return element;
  77. }
  78. if (value && typeof value === "string") {
  79. var classNames = (value || "").split(/\s+/);
  80. if (element.nodeType === 1) {
  81. if (!element.className) {
  82. element.className = value;
  83. } else {
  84. var className = " " + element.className + " ", setClass = element.className;
  85. for (var c = 0, cl = classNames.length; c < cl; c++) {
  86. if (className.indexOf(" " + classNames[c] + " ") < 0) {
  87. setClass += " " + classNames[c];
  88. }
  89. }
  90. element.className = setClass.replace(/^\s+|\s+$/g, "");
  91. }
  92. }
  93. }
  94. return element;
  95. };
  96. var _removeClass = function(element, value) {
  97. if (element.removeClass) {
  98. element.removeClass(value);
  99. return element;
  100. }
  101. if (value && typeof value === "string" || value === undefined) {
  102. var classNames = (value || "").split(/\s+/);
  103. if (element.nodeType === 1 && element.className) {
  104. if (value) {
  105. var className = (" " + element.className + " ").replace(/[\n\t]/g, " ");
  106. for (var c = 0, cl = classNames.length; c < cl; c++) {
  107. className = className.replace(" " + classNames[c] + " ", " ");
  108. }
  109. element.className = className.replace(/^\s+|\s+$/g, "");
  110. } else {
  111. element.className = "";
  112. }
  113. }
  114. }
  115. return element;
  116. };
  117. var _getZoomFactor = function() {
  118. var rect, physicalWidth, logicalWidth, zoomFactor = 1;
  119. if (typeof document.body.getBoundingClientRect === "function") {
  120. rect = document.body.getBoundingClientRect();
  121. physicalWidth = rect.right - rect.left;
  122. logicalWidth = document.body.offsetWidth;
  123. zoomFactor = Math.round(physicalWidth / logicalWidth * 100) / 100;
  124. }
  125. return zoomFactor;
  126. };
  127. var _getDOMObjectPosition = function(obj) {
  128. var info = {
  129. left: 0,
  130. top: 0,
  131. width: 0,
  132. height: 0,
  133. zIndex: 999999999
  134. };
  135. var zi = _getStyle(obj, "z-index");
  136. if (zi && zi !== "auto") {
  137. info.zIndex = parseInt(zi, 10);
  138. }
  139. if (obj.getBoundingClientRect) {
  140. var rect = obj.getBoundingClientRect();
  141. var pageXOffset, pageYOffset, zoomFactor;
  142. if ("pageXOffset" in window && "pageYOffset" in window) {
  143. pageXOffset = window.pageXOffset;
  144. pageYOffset = window.pageYOffset;
  145. } else {
  146. zoomFactor = _getZoomFactor();
  147. pageXOffset = Math.round(document.documentElement.scrollLeft / zoomFactor);
  148. pageYOffset = Math.round(document.documentElement.scrollTop / zoomFactor);
  149. }
  150. var leftBorderWidth = document.documentElement.clientLeft || 0;
  151. var topBorderWidth = document.documentElement.clientTop || 0;
  152. info.left = rect.left + pageXOffset - leftBorderWidth;
  153. info.top = rect.top + pageYOffset - topBorderWidth;
  154. info.width = "width" in rect ? rect.width : rect.right - rect.left;
  155. info.height = "height" in rect ? rect.height : rect.bottom - rect.top;
  156. }
  157. return info;
  158. };
  159. var _noCache = function(path, options) {
  160. var useNoCache = !(options && options.useNoCache === false);
  161. if (useNoCache) {
  162. return (path.indexOf("?") === -1 ? "?" : "&") + "nocache=" + new Date().getTime();
  163. } else {
  164. return "";
  165. }
  166. };
  167. var _vars = function(options) {
  168. var str = [];
  169. var origins = [];
  170. if (options.trustedOrigins) {
  171. if (typeof options.trustedOrigins === "string") {
  172. origins = origins.push(options.trustedOrigins);
  173. } else if (typeof options.trustedOrigins === "object" && "length" in options.trustedOrigins) {
  174. origins = origins.concat(options.trustedOrigins);
  175. }
  176. }
  177. if (options.trustedDomains) {
  178. if (typeof options.trustedDomains === "string") {
  179. origins = origins.push(options.trustedDomains);
  180. } else if (typeof options.trustedDomains === "object" && "length" in options.trustedDomains) {
  181. origins = origins.concat(options.trustedDomains);
  182. }
  183. }
  184. if (origins.length) {
  185. str.push("trustedOrigins=" + encodeURIComponent(origins.join(",")));
  186. }
  187. if (typeof options.amdModuleId === "string" && options.amdModuleId) {
  188. str.push("amdModuleId=" + encodeURIComponent(options.amdModuleId));
  189. }
  190. if (typeof options.cjsModuleId === "string" && options.cjsModuleId) {
  191. str.push("cjsModuleId=" + encodeURIComponent(options.cjsModuleId));
  192. }
  193. return str.join("&");
  194. };
  195. var _inArray = function(elem, array) {
  196. if (array.indexOf) {
  197. return array.indexOf(elem);
  198. }
  199. for (var i = 0, length = array.length; i < length; i++) {
  200. if (array[i] === elem) {
  201. return i;
  202. }
  203. }
  204. return -1;
  205. };
  206. var _prepGlue = function(elements) {
  207. if (typeof elements === "string") throw new TypeError("ZeroClipboard doesn't accept query strings.");
  208. if (!elements.length) return [ elements ];
  209. return elements;
  210. };
  211. var _dispatchCallback = function(func, element, instance, args, async) {
  212. if (async) {
  213. window.setTimeout(function() {
  214. func.call(element, instance, args);
  215. }, 0);
  216. } else {
  217. func.call(element, instance, args);
  218. }
  219. };
  220. var ZeroClipboard = function(elements, options) {
  221. if (elements) (ZeroClipboard.prototype._singleton || this).glue(elements);
  222. if (ZeroClipboard.prototype._singleton) return ZeroClipboard.prototype._singleton;
  223. ZeroClipboard.prototype._singleton = this;
  224. this.options = {};
  225. for (var kd in _defaults) this.options[kd] = _defaults[kd];
  226. for (var ko in options) this.options[ko] = options[ko];
  227. this.handlers = {};
  228. if (ZeroClipboard.detectFlashSupport()) _bridge();
  229. };
  230. var currentElement, gluedElements = [];
  231. ZeroClipboard.prototype.setCurrent = function(element) {
  232. currentElement = element;
  233. this.reposition();
  234. var titleAttr = element.getAttribute("title");
  235. if (titleAttr) {
  236. this.setTitle(titleAttr);
  237. }
  238. var useHandCursor = this.options.forceHandCursor === true || _getStyle(element, "cursor") === "pointer";
  239. _setHandCursor.call(this, useHandCursor);
  240. };
  241. ZeroClipboard.prototype.setText = function(newText) {
  242. if (newText && newText !== "") {
  243. this.options.text = newText;
  244. if (this.ready()) this.flashBridge.setText(newText);
  245. }
  246. };
  247. ZeroClipboard.prototype.setTitle = function(newTitle) {
  248. if (newTitle && newTitle !== "") this.htmlBridge.setAttribute("title", newTitle);
  249. };
  250. ZeroClipboard.prototype.setSize = function(width, height) {
  251. if (this.ready()) this.flashBridge.setSize(width, height);
  252. };
  253. ZeroClipboard.prototype.setHandCursor = function(enabled) {
  254. enabled = typeof enabled === "boolean" ? enabled : !!enabled;
  255. _setHandCursor.call(this, enabled);
  256. this.options.forceHandCursor = enabled;
  257. };
  258. var _setHandCursor = function(enabled) {
  259. if (this.ready()) this.flashBridge.setHandCursor(enabled);
  260. };
  261. ZeroClipboard.version = "1.2.0-beta.4";
  262. var _defaults = {
  263. moviePath: "ZeroClipboard.swf",
  264. trustedOrigins: null,
  265. text: null,
  266. hoverClass: "zeroclipboard-is-hover",
  267. activeClass: "zeroclipboard-is-active",
  268. allowScriptAccess: "sameDomain",
  269. useNoCache: true,
  270. forceHandCursor: false
  271. };
  272. ZeroClipboard.setDefaults = function(options) {
  273. for (var ko in options) _defaults[ko] = options[ko];
  274. };
  275. ZeroClipboard.destroy = function() {
  276. ZeroClipboard.prototype._singleton.unglue(gluedElements);
  277. var bridge = ZeroClipboard.prototype._singleton.htmlBridge;
  278. bridge.parentNode.removeChild(bridge);
  279. delete ZeroClipboard.prototype._singleton;
  280. };
  281. ZeroClipboard.detectFlashSupport = function() {
  282. var hasFlash = false;
  283. if (typeof ActiveXObject === "function") {
  284. try {
  285. if (new ActiveXObject("ShockwaveFlash.ShockwaveFlash")) {
  286. hasFlash = true;
  287. }
  288. } catch (error) {}
  289. }
  290. if (!hasFlash && navigator.mimeTypes["application/x-shockwave-flash"]) {
  291. hasFlash = true;
  292. }
  293. return hasFlash;
  294. };
  295. var _amdModuleId = null;
  296. var _cjsModuleId = null;
  297. var _bridge = function() {
  298. var client = ZeroClipboard.prototype._singleton;
  299. var container = document.getElementById("global-zeroclipboard-html-bridge");
  300. if (!container) {
  301. var opts = {};
  302. for (var ko in client.options) opts[ko] = client.options[ko];
  303. opts.amdModuleId = _amdModuleId;
  304. opts.cjsModuleId = _cjsModuleId;
  305. var flashvars = _vars(opts);
  306. var html = ' <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="global-zeroclipboard-flash-bridge" width="100%" height="100%"> <param name="movie" value="' + client.options.moviePath + _noCache(client.options.moviePath, client.options) + '"/> <param name="allowScriptAccess" value="' + client.options.allowScriptAccess + '"/> <param name="scale" value="exactfit"/> <param name="loop" value="false"/> <param name="menu" value="false"/> <param name="quality" value="best" /> <param name="bgcolor" value="#ffffff"/> <param name="wmode" value="transparent"/> <param name="flashvars" value="' + flashvars + '"/> <embed src="' + client.options.moviePath + _noCache(client.options.moviePath, client.options) + '" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="100%" height="100%" name="global-zeroclipboard-flash-bridge" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="' + flashvars + '" scale="exactfit"> </embed> </object>';
  307. container = document.createElement("div");
  308. container.id = "global-zeroclipboard-html-bridge";
  309. container.setAttribute("class", "global-zeroclipboard-container");
  310. container.setAttribute("data-clipboard-ready", false);
  311. container.style.position = "absolute";
  312. container.style.left = "-9999px";
  313. container.style.top = "-9999px";
  314. container.style.width = "15px";
  315. container.style.height = "15px";
  316. container.style.zIndex = "9999";
  317. container.innerHTML = html;
  318. document.body.appendChild(container);
  319. }
  320. client.htmlBridge = container;
  321. client.flashBridge = document["global-zeroclipboard-flash-bridge"] || container.children[0].lastElementChild;
  322. };
  323. ZeroClipboard.prototype.resetBridge = function() {
  324. this.htmlBridge.style.left = "-9999px";
  325. this.htmlBridge.style.top = "-9999px";
  326. this.htmlBridge.removeAttribute("title");
  327. this.htmlBridge.removeAttribute("data-clipboard-text");
  328. _removeClass(currentElement, this.options.activeClass);
  329. currentElement = null;
  330. this.options.text = null;
  331. };
  332. ZeroClipboard.prototype.ready = function() {
  333. var ready = this.htmlBridge.getAttribute("data-clipboard-ready");
  334. return ready === "true" || ready === true;
  335. };
  336. ZeroClipboard.prototype.reposition = function() {
  337. if (!currentElement) return false;
  338. var pos = _getDOMObjectPosition(currentElement);
  339. this.htmlBridge.style.top = pos.top + "px";
  340. this.htmlBridge.style.left = pos.left + "px";
  341. this.htmlBridge.style.width = pos.width + "px";
  342. this.htmlBridge.style.height = pos.height + "px";
  343. this.htmlBridge.style.zIndex = pos.zIndex + 1;
  344. this.setSize(pos.width, pos.height);
  345. };
  346. ZeroClipboard.dispatch = function(eventName, args) {
  347. ZeroClipboard.prototype._singleton.receiveEvent(eventName, args);
  348. };
  349. ZeroClipboard.prototype.on = function(eventName, func) {
  350. var events = eventName.toString().split(/\s/g);
  351. for (var i = 0; i < events.length; i++) {
  352. eventName = events[i].toLowerCase().replace(/^on/, "");
  353. if (!this.handlers[eventName]) this.handlers[eventName] = func;
  354. }
  355. if (this.handlers.noflash && !ZeroClipboard.detectFlashSupport()) {
  356. this.receiveEvent("onNoFlash", null);
  357. }
  358. };
  359. ZeroClipboard.prototype.addEventListener = ZeroClipboard.prototype.on;
  360. ZeroClipboard.prototype.off = function(eventName, func) {
  361. var events = eventName.toString().split(/\s/g);
  362. for (var i = 0; i < events.length; i++) {
  363. eventName = events[i].toLowerCase().replace(/^on/, "");
  364. for (var event in this.handlers) {
  365. if (event === eventName && this.handlers[event] === func) {
  366. delete this.handlers[event];
  367. }
  368. }
  369. }
  370. };
  371. ZeroClipboard.prototype.removeEventListener = ZeroClipboard.prototype.off;
  372. ZeroClipboard.prototype.receiveEvent = function(eventName, args) {
  373. eventName = eventName.toString().toLowerCase().replace(/^on/, "");
  374. var element = currentElement;
  375. var performCallbackAsync = true;
  376. switch (eventName) {
  377. case "load":
  378. if (args && parseFloat(args.flashVersion.replace(",", ".").replace(/[^0-9\.]/gi, "")) < 10) {
  379. this.receiveEvent("onWrongFlash", {
  380. flashVersion: args.flashVersion
  381. });
  382. return;
  383. }
  384. this.htmlBridge.setAttribute("data-clipboard-ready", true);
  385. break;
  386. case "mouseover":
  387. _addClass(element, this.options.hoverClass);
  388. break;
  389. case "mouseout":
  390. _removeClass(element, this.options.hoverClass);
  391. this.resetBridge();
  392. break;
  393. case "mousedown":
  394. _addClass(element, this.options.activeClass);
  395. break;
  396. case "mouseup":
  397. _removeClass(element, this.options.activeClass);
  398. break;
  399. case "datarequested":
  400. var targetId = element.getAttribute("data-clipboard-target"), targetEl = !targetId ? null : document.getElementById(targetId);
  401. if (targetEl) {
  402. var textContent = targetEl.value || targetEl.textContent || targetEl.innerText;
  403. if (textContent) this.setText(textContent);
  404. } else {
  405. var defaultText = element.getAttribute("data-clipboard-text");
  406. if (defaultText) this.setText(defaultText);
  407. }
  408. performCallbackAsync = false;
  409. break;
  410. case "complete":
  411. this.options.text = null;
  412. break;
  413. }
  414. if (this.handlers[eventName]) {
  415. var func = this.handlers[eventName];
  416. if (typeof func === "string" && typeof window[func] === "function") {
  417. func = window[func];
  418. }
  419. if (typeof func === "function") {
  420. _dispatchCallback(func, element, this, args, performCallbackAsync);
  421. }
  422. }
  423. };
  424. ZeroClipboard.prototype.glue = function(elements) {
  425. elements = _prepGlue(elements);
  426. for (var i = 0; i < elements.length; i++) {
  427. if (_inArray(elements[i], gluedElements) == -1) {
  428. gluedElements.push(elements[i]);
  429. _addEventHandler(elements[i], "mouseover", _elementMouseOver);
  430. }
  431. }
  432. };
  433. ZeroClipboard.prototype.unglue = function(elements) {
  434. elements = _prepGlue(elements);
  435. for (var i = 0; i < elements.length; i++) {
  436. _removeEventHandler(elements[i], "mouseover", _elementMouseOver);
  437. var arrayIndex = _inArray(elements[i], gluedElements);
  438. if (arrayIndex != -1) gluedElements.splice(arrayIndex, 1);
  439. }
  440. };
  441. if (typeof define === "function" && define.amd) {
  442. define([ "require", "exports", "module" ], function(require, exports, module) {
  443. _amdModuleId = module && module.id || null;
  444. return ZeroClipboard;
  445. });
  446. } else if (typeof module !== "undefined" && module) {
  447. _cjsModuleId = module.id || null;
  448. module.exports = ZeroClipboard;
  449. } else {
  450. window.ZeroClipboard = ZeroClipboard;
  451. }
  452. })();