simulator.js 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
  1. export default function ($, Inputmask) {
  2. $.caret = function (input, begin, end) {
  3. input = input.nodeName ? input : input[0];
  4. input.focus();
  5. var range;
  6. if (typeof begin === "number") {
  7. end = (typeof end == "number") ? end : begin;
  8. // if (!$(input).is(":visible")) {
  9. // return;
  10. // }
  11. if (input.setSelectionRange) {
  12. input.selectionStart = begin;
  13. input.selectionEnd = end;
  14. } else if (window.getSelection) {
  15. range = document.createRange();
  16. if (input.firstChild === undefined) {
  17. var textNode = document.createTextNode("");
  18. input.appendChild(textNode);
  19. }
  20. range.setStart(input.firstChild, begin < input.value.length ? begin : input.value.length);
  21. range.setEnd(input.firstChild, end < input.value.length ? end : input.value.length);
  22. range.collapse(true);
  23. var sel = window.getSelection();
  24. sel.removeAllRanges();
  25. sel.addRange(range);
  26. //input.focus();
  27. } else if (input.createTextRange) {
  28. range = input.createTextRange();
  29. range.collapse(true);
  30. range.moveEnd("character", end);
  31. range.moveStart("character", begin);
  32. range.select();
  33. }
  34. } else {
  35. if (input.setSelectionRange) {
  36. begin = input.selectionStart;
  37. end = input.selectionEnd;
  38. } else if (window.getSelection) {
  39. range = window.getSelection().getRangeAt(0);
  40. if (range.commonAncestorContainer.parentNode === input || range.commonAncestorContainer === input) {
  41. begin = range.startOffset;
  42. end = range.endOffset;
  43. }
  44. } else if (document.selection && document.selection.createRange) {
  45. range = document.selection.createRange();
  46. begin = 0 - range.duplicate().moveStart("character", -100000);
  47. end = begin + range.text.length;
  48. }
  49. /*eslint-disable consistent-return */
  50. return {
  51. "begin": begin,
  52. "end": end
  53. };
  54. /*eslint-enable consistent-return */
  55. }
  56. };
  57. $.fn = $.fn || $.prototype;
  58. $.fn.SendKey = function (keyCode, modifier) {
  59. var elem = this.nodeName ? this : this[0], origCode = keyCode;
  60. elem.type = "text"; //force textinput to support caret fn
  61. function trigger(elem, evnt) {
  62. elem.focus();
  63. if ($ === window.jQuery) {
  64. $(elem).trigger(evnt);
  65. } else {
  66. if (document.createEvent) {
  67. elem.dispatchEvent(evnt);
  68. } else {
  69. elem.fireEvent("on" + evnt.eventType, evnt);
  70. }
  71. }
  72. }
  73. var sendDummyKeydown = false;
  74. if (Object.prototype.toString.call(keyCode) == '[object String]') {
  75. keyCode = keyCode.charCodeAt(0);
  76. sendDummyKeydown = true;
  77. }
  78. switch (keyCode) {
  79. case Inputmask.keyCode.LEFT:
  80. if (modifier == undefined) {
  81. var pos = $.caret(this);
  82. $.caret(this, pos.begin - 1);
  83. break;
  84. }
  85. case Inputmask.keyCode.RIGHT:
  86. if (modifier == undefined) {
  87. var pos = $.caret(this);
  88. $.caret(this, pos.begin + 1);
  89. break;
  90. }
  91. default:
  92. if ((window.Inputmask && window.Inputmask.prototype.defaults.inputEventOnly === true) ||
  93. (elem.inputmask && elem.inputmask.opts.inputEventOnly === true)) {
  94. var input = new $.Event("input"),
  95. currentValue = (elem.inputmask && elem.inputmask.__valueGet) ? elem.inputmask.__valueGet.call(elem) : elem.value,
  96. caretPos = $.caret(elem), caretOffset = 0;
  97. // console.log("initial " + currentValue);
  98. // console.log(caretPos);
  99. var front = currentValue.substring(0, caretPos.begin),
  100. back = currentValue.substring(caretPos.end),
  101. newValue = currentValue;
  102. switch (keyCode) {
  103. case Inputmask.keyCode.BACKSPACE:
  104. if (caretPos.begin === caretPos.end)
  105. front = front.substr(0, front.length - 1)
  106. newValue = front + back;
  107. break;
  108. case Inputmask.keyCode.DELETE:
  109. if (origCode !== ".") {
  110. if (caretPos.begin === caretPos.end)
  111. back = back.slice(1);
  112. newValue = front + back;
  113. break;
  114. }
  115. default:
  116. newValue = front + String.fromCharCode(keyCode) + back;
  117. caretOffset = front.length > 0 ? 1 : 0;
  118. break;
  119. }
  120. if (elem.inputmask && elem.inputmask.__valueSet)
  121. elem.inputmask.__valueSet.call(elem, newValue);
  122. else elem.value = newValue;
  123. $.caret(elem, (newValue.length - back.length));
  124. trigger(elem, input);
  125. } else {
  126. var keydown = new $.Event("keydown"),
  127. keypress = new $.Event("keypress"),
  128. keyup = new $.Event("keyup");
  129. if (!sendDummyKeydown) {
  130. keydown.keyCode = keyCode;
  131. if (modifier == Inputmask.keyCode.CONTROL)
  132. keydown.ctrlKey = true;
  133. }
  134. trigger(elem, keydown);
  135. if (!keydown.defaultPrevented) {
  136. keypress.keyCode = keyCode;
  137. if (modifier == Inputmask.keyCode.CONTROL)
  138. keypress.ctrlKey = true;
  139. trigger(elem, keypress);
  140. //if (!keypress.isDefaultPrevented()) {
  141. keyup.keyCode = keyCode;
  142. if (modifier == Inputmask.keyCode.CONTROL)
  143. keyup.ctrlKey = true;
  144. trigger(elem, keyup);
  145. //}
  146. }
  147. }
  148. }
  149. }
  150. if (!('append' in $.fn)) {
  151. $.fn.append = function (child) {
  152. var input = this.nodeName ? this : this[0];
  153. input.insertAdjacentHTML('beforeend', child);
  154. };
  155. }
  156. if (!('remove' in $.fn)) {
  157. $.fn.remove = function () {
  158. var input = this.nodeName ? this : this[0];
  159. if (input !== undefined && input !== null) {
  160. input.parentElement.removeChild(input);
  161. input = undefined;
  162. }
  163. };
  164. }
  165. if (!('val' in $.fn)) {
  166. $.fn.val = function (value) {
  167. var input = this.nodeName ? this : this[0];
  168. if (value !== undefined) {
  169. if (input.inputmask) {
  170. input.inputmask._valueSet(value, true);
  171. $(input).trigger("setvalue");
  172. } else input.value = value;
  173. }
  174. return input.value;
  175. };
  176. }
  177. $.fn.Type = function (inputStr) {
  178. var input = this.nodeName ? this : this[0],
  179. $input = $(input);
  180. $.each(inputStr.split(''), function (ndx, lmnt) {
  181. $input.SendKey(lmnt);
  182. });
  183. }
  184. $.fn.paste = function (inputStr) {
  185. var input = this.nodeName ? this : this[0],
  186. $input = $(input);
  187. if (window.clipboardData) {
  188. window.clipboardData.setData('Text', inputStr);
  189. } else {
  190. $.data($input, "clipboard", inputStr);
  191. window.clipboardData = {
  192. getData: function () {
  193. window.clipboardData = undefined;
  194. return $.data($input, "clipboard");
  195. }
  196. }
  197. }
  198. $input.trigger('paste');
  199. }
  200. $.fn.input = function (inputStr, caretBegin, caretEnd) {
  201. var input = this.nodeName ? this : this[0];
  202. input.inputmask.__valueSet.call(input, inputStr);
  203. if (caretBegin !== undefined)
  204. $.caret(input, caretBegin, caretEnd);
  205. $(input).trigger("input");
  206. }
  207. };