|
|
@@ -1,182 +1,202 @@
|
|
|
export default function ($, Inputmask) {
|
|
|
- $.caret = function (input, begin, end) {
|
|
|
- input = input.nodeName ? input : input[0];
|
|
|
- var range;
|
|
|
- if (typeof begin === "number") {
|
|
|
- end = (typeof end == "number") ? end : begin;
|
|
|
- // if (!$(input).is(":visible")) {
|
|
|
- // return;
|
|
|
- // }
|
|
|
+ $.caret = function (input, begin, end) {
|
|
|
+ input = input.nodeName ? input : input[0];
|
|
|
+ input.focus();
|
|
|
+ var range;
|
|
|
+ if (typeof begin === "number") {
|
|
|
+ end = (typeof end == "number") ? end : begin;
|
|
|
+ // if (!$(input).is(":visible")) {
|
|
|
+ // return;
|
|
|
+ // }
|
|
|
|
|
|
- if (input.setSelectionRange) {
|
|
|
- input.selectionStart = begin;
|
|
|
- input.selectionEnd = end;
|
|
|
- } else if (window.getSelection) {
|
|
|
- range = document.createRange();
|
|
|
- if (input.firstChild === undefined) {
|
|
|
- var textNode = document.createTextNode("");
|
|
|
- input.appendChild(textNode);
|
|
|
- }
|
|
|
- range.setStart(input.firstChild, begin < input.value.length ? begin : input.value.length);
|
|
|
- range.setEnd(input.firstChild, end < input.value.length ? end : input.value.length);
|
|
|
- range.collapse(true);
|
|
|
- var sel = window.getSelection();
|
|
|
- sel.removeAllRanges();
|
|
|
- sel.addRange(range);
|
|
|
- //input.focus();
|
|
|
- } else if (input.createTextRange) {
|
|
|
- range = input.createTextRange();
|
|
|
- range.collapse(true);
|
|
|
- range.moveEnd("character", end);
|
|
|
- range.moveStart("character", begin);
|
|
|
- range.select();
|
|
|
+ if (input.setSelectionRange) {
|
|
|
+ input.selectionStart = begin;
|
|
|
+ input.selectionEnd = end;
|
|
|
+ } else if (window.getSelection) {
|
|
|
+ range = document.createRange();
|
|
|
+ if (input.firstChild === undefined) {
|
|
|
+ var textNode = document.createTextNode("");
|
|
|
+ input.appendChild(textNode);
|
|
|
+ }
|
|
|
+ range.setStart(input.firstChild, begin < input.value.length ? begin : input.value.length);
|
|
|
+ range.setEnd(input.firstChild, end < input.value.length ? end : input.value.length);
|
|
|
+ range.collapse(true);
|
|
|
+ var sel = window.getSelection();
|
|
|
+ sel.removeAllRanges();
|
|
|
+ sel.addRange(range);
|
|
|
+ //input.focus();
|
|
|
+ } else if (input.createTextRange) {
|
|
|
+ range = input.createTextRange();
|
|
|
+ range.collapse(true);
|
|
|
+ range.moveEnd("character", end);
|
|
|
+ range.moveStart("character", begin);
|
|
|
+ range.select();
|
|
|
|
|
|
- }
|
|
|
- } else {
|
|
|
- if (input.setSelectionRange) {
|
|
|
- begin = input.selectionStart;
|
|
|
- end = input.selectionEnd;
|
|
|
- } else if (window.getSelection) {
|
|
|
- range = window.getSelection().getRangeAt(0);
|
|
|
- if (range.commonAncestorContainer.parentNode === input || range.commonAncestorContainer === input) {
|
|
|
- begin = range.startOffset;
|
|
|
- end = range.endOffset;
|
|
|
- }
|
|
|
- } else if (document.selection && document.selection.createRange) {
|
|
|
- range = document.selection.createRange();
|
|
|
- begin = 0 - range.duplicate().moveStart("character", -100000);
|
|
|
- end = begin + range.text.length;
|
|
|
- }
|
|
|
- /*eslint-disable consistent-return */
|
|
|
- return {
|
|
|
- "begin": begin,
|
|
|
- "end": end
|
|
|
- };
|
|
|
- /*eslint-enable consistent-return */
|
|
|
- }
|
|
|
- };
|
|
|
- $.fn = $.fn || $.prototype;
|
|
|
- $.fn.SendKey = function (keyCode, modifier) {
|
|
|
- function trigger(elem, evnt) {
|
|
|
- elem.focus();
|
|
|
- if ($ === window.jQuery) {
|
|
|
- $(elem).trigger(evnt);
|
|
|
- } else {
|
|
|
- if (document.createEvent) {
|
|
|
- elem.dispatchEvent(evnt);
|
|
|
- } else {
|
|
|
- elem.fireEvent("on" + evnt.eventType, evnt);
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (input.setSelectionRange) {
|
|
|
+ begin = input.selectionStart;
|
|
|
+ end = input.selectionEnd;
|
|
|
+ } else if (window.getSelection) {
|
|
|
+ range = window.getSelection().getRangeAt(0);
|
|
|
+ if (range.commonAncestorContainer.parentNode === input || range.commonAncestorContainer === input) {
|
|
|
+ begin = range.startOffset;
|
|
|
+ end = range.endOffset;
|
|
|
+ }
|
|
|
+ } else if (document.selection && document.selection.createRange) {
|
|
|
+ range = document.selection.createRange();
|
|
|
+ begin = 0 - range.duplicate().moveStart("character", -100000);
|
|
|
+ end = begin + range.text.length;
|
|
|
+ }
|
|
|
+ /*eslint-disable consistent-return */
|
|
|
+ return {
|
|
|
+ "begin": begin,
|
|
|
+ "end": end
|
|
|
+ };
|
|
|
+ /*eslint-enable consistent-return */
|
|
|
+ }
|
|
|
+ };
|
|
|
+ $.fn = $.fn || $.prototype;
|
|
|
+ $.fn.SendKey = function (keyCode, modifier) {
|
|
|
+ function trigger(elem, evnt) {
|
|
|
+ elem.focus();
|
|
|
+ if ($ === window.jQuery) {
|
|
|
+ $(elem).trigger(evnt);
|
|
|
+ } else {
|
|
|
+ if (document.createEvent) {
|
|
|
+ elem.dispatchEvent(evnt);
|
|
|
+ } else {
|
|
|
+ elem.fireEvent("on" + evnt.eventType, evnt);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- var sendDummyKeydown = false;
|
|
|
- if (Object.prototype.toString.call(keyCode) == '[object String]') {
|
|
|
- keyCode = keyCode.charCodeAt(0);
|
|
|
- sendDummyKeydown = true;
|
|
|
- }
|
|
|
+ var sendDummyKeydown = false;
|
|
|
+ if (Object.prototype.toString.call(keyCode) == '[object String]') {
|
|
|
+ keyCode = keyCode.charCodeAt(0);
|
|
|
+ sendDummyKeydown = true;
|
|
|
+ }
|
|
|
|
|
|
- switch (keyCode) {
|
|
|
- case Inputmask.keyCode.LEFT: {
|
|
|
- if (modifier == undefined) {
|
|
|
- var pos = $.caret(this);
|
|
|
- $.caret(this, pos.begin - 1);
|
|
|
- break;
|
|
|
- }
|
|
|
- }
|
|
|
- case Inputmask.keyCode.RIGHT: {
|
|
|
- if (modifier == undefined) {
|
|
|
- var pos = $.caret(this);
|
|
|
- $.caret(this, pos.begin + 1);
|
|
|
- break;
|
|
|
- }
|
|
|
- }
|
|
|
- default: {
|
|
|
- var keydown = new $.Event("keydown"),
|
|
|
- keypress = new $.Event("keypress"),
|
|
|
- keyup = new $.Event("keyup");
|
|
|
+ switch (keyCode) {
|
|
|
+ case Inputmask.keyCode.LEFT: {
|
|
|
+ if (modifier == undefined) {
|
|
|
+ var pos = $.caret(this);
|
|
|
+ $.caret(this, pos.begin - 1);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ case Inputmask.keyCode.RIGHT: {
|
|
|
+ if (modifier == undefined) {
|
|
|
+ var pos = $.caret(this);
|
|
|
+ $.caret(this, pos.begin + 1);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ default: {
|
|
|
+ if (window.Inputmask && window.Inputmask.prototype.defaults.inputEventOnly === true) {
|
|
|
+ var input = new $.Event("input"),
|
|
|
+ elem = this.nodeName ? this : this[0],
|
|
|
+ currentValue = elem.inputmask.__valueGet ? elem.inputmask.__valueGet.call(elem) : elem.value,
|
|
|
+ caretPos = $.caret(elem);
|
|
|
|
|
|
- if (!sendDummyKeydown) {
|
|
|
- keydown.keyCode = keyCode;
|
|
|
- if (modifier == Inputmask.keyCode.CONTROL)
|
|
|
- keydown.ctrlKey = true;
|
|
|
- }
|
|
|
- trigger(this.nodeName ? this : this[0], keydown);
|
|
|
- if (!keydown.defaultPrevented) {
|
|
|
- keypress.keyCode = keyCode;
|
|
|
- if (modifier == Inputmask.keyCode.CONTROL)
|
|
|
- keypress.ctrlKey = true;
|
|
|
- trigger(this.nodeName ? this : this[0], keypress);
|
|
|
- //if (!keypress.isDefaultPrevented()) {
|
|
|
- keyup.keyCode = keyCode;
|
|
|
- if (modifier == Inputmask.keyCode.CONTROL)
|
|
|
- keyup.ctrlKey = true;
|
|
|
- trigger(this.nodeName ? this : this[0], keyup);
|
|
|
- //}
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- if (!('append' in $.fn)) {
|
|
|
- $.fn.append = function (child) {
|
|
|
- var input = this.nodeName ? this : this[0];
|
|
|
- input.insertAdjacentHTML('beforeend', child);
|
|
|
- };
|
|
|
- }
|
|
|
- if (!('remove' in $.fn)) {
|
|
|
- $.fn.remove = function () {
|
|
|
- var input = this.nodeName ? this : this[0];
|
|
|
- if (input !== undefined && input !== null) {
|
|
|
- input.parentElement.removeChild(input);
|
|
|
- input = undefined;
|
|
|
- }
|
|
|
- };
|
|
|
- }
|
|
|
- if (!('val' in $.fn)) {
|
|
|
- $.fn.val = function (value) {
|
|
|
- var input = this.nodeName ? this : this[0];
|
|
|
- if (value !== undefined) {
|
|
|
- if (input.inputmask) {
|
|
|
- input.inputmask._valueSet(value, true);
|
|
|
- $(input).trigger("setvalue");
|
|
|
- } else input.value = value;
|
|
|
- }
|
|
|
+ console.log(currentValue);
|
|
|
+ console.log(caretPos);
|
|
|
|
|
|
- return input.value;
|
|
|
- };
|
|
|
- }
|
|
|
+ var front = currentValue.substring(0, caretPos.begin),
|
|
|
+ back = currentValue.substring(caretPos.end);
|
|
|
+ if (elem.inputmask.__valueSet)
|
|
|
+ elem.inputmask.__valueSet.call(elem, front + String.fromCharCode(keyCode) + back);
|
|
|
+ else elem.value = front + String.fromCharCode(keyCode) + back;
|
|
|
|
|
|
- $.fn.Type = function (inputStr) {
|
|
|
- var input = this.nodeName ? this : this[0],
|
|
|
- $input = $(input);
|
|
|
- $.each(inputStr.split(''), function (ndx, lmnt) {
|
|
|
- $input.SendKey(lmnt);
|
|
|
- });
|
|
|
- }
|
|
|
+ console.log(front + String.fromCharCode(keyCode) + back);
|
|
|
+ trigger(this.nodeName ? this : this[0], input);
|
|
|
+ } else {
|
|
|
+ var keydown = new $.Event("keydown"),
|
|
|
+ keypress = new $.Event("keypress"),
|
|
|
+ keyup = new $.Event("keyup");
|
|
|
|
|
|
- $.fn.paste = function (inputStr) {
|
|
|
- var input = this.nodeName ? this : this[0],
|
|
|
- $input = $(input);
|
|
|
- if (window.clipboardData) {
|
|
|
- window.clipboardData.setData('Text', inputStr);
|
|
|
- } else {
|
|
|
- $.data($input, "clipboard", inputStr);
|
|
|
- window.clipboardData = {
|
|
|
- getData: function () {
|
|
|
- window.clipboardData = undefined;
|
|
|
- return $.data($input, "clipboard");
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ if (!sendDummyKeydown) {
|
|
|
+ keydown.keyCode = keyCode;
|
|
|
+ if (modifier == Inputmask.keyCode.CONTROL)
|
|
|
+ keydown.ctrlKey = true;
|
|
|
+ }
|
|
|
+ trigger(this.nodeName ? this : this[0], keydown);
|
|
|
+ if (!keydown.defaultPrevented) {
|
|
|
+ keypress.keyCode = keyCode;
|
|
|
+ if (modifier == Inputmask.keyCode.CONTROL)
|
|
|
+ keypress.ctrlKey = true;
|
|
|
+ trigger(this.nodeName ? this : this[0], keypress);
|
|
|
+ //if (!keypress.isDefaultPrevented()) {
|
|
|
+ keyup.keyCode = keyCode;
|
|
|
+ if (modifier == Inputmask.keyCode.CONTROL)
|
|
|
+ keyup.ctrlKey = true;
|
|
|
+ trigger(this.nodeName ? this : this[0], keyup);
|
|
|
+ //}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (!('append' in $.fn)) {
|
|
|
+ $.fn.append = function (child) {
|
|
|
+ var input = this.nodeName ? this : this[0];
|
|
|
+ input.insertAdjacentHTML('beforeend', child);
|
|
|
+ };
|
|
|
+ }
|
|
|
+ if (!('remove' in $.fn)) {
|
|
|
+ $.fn.remove = function () {
|
|
|
+ var input = this.nodeName ? this : this[0];
|
|
|
+ if (input !== undefined && input !== null) {
|
|
|
+ input.parentElement.removeChild(input);
|
|
|
+ input = undefined;
|
|
|
+ }
|
|
|
+ };
|
|
|
+ }
|
|
|
+ if (!('val' in $.fn)) {
|
|
|
+ $.fn.val = function (value) {
|
|
|
+ var input = this.nodeName ? this : this[0];
|
|
|
+ if (value !== undefined) {
|
|
|
+ if (input.inputmask) {
|
|
|
+ input.inputmask._valueSet(value, true);
|
|
|
+ $(input).trigger("setvalue");
|
|
|
+ } else input.value = value;
|
|
|
+ }
|
|
|
|
|
|
- $input.trigger('paste');
|
|
|
- }
|
|
|
+ return input.value;
|
|
|
+ };
|
|
|
+ }
|
|
|
|
|
|
- $.fn.input = function (inputStr, caretBegin, caretEnd) {
|
|
|
- var input = this.nodeName ? this : this[0];
|
|
|
- input.inputmask.__valueSet.call(input, inputStr);
|
|
|
- if (caretBegin !== undefined)
|
|
|
- $.caret(input, caretBegin, caretEnd);
|
|
|
- $(input).trigger("input");
|
|
|
- }
|
|
|
+ $.fn.Type = function (inputStr) {
|
|
|
+ var input = this.nodeName ? this : this[0],
|
|
|
+ $input = $(input);
|
|
|
+ $.each(inputStr.split(''), function (ndx, lmnt) {
|
|
|
+ $input.SendKey(lmnt);
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ $.fn.paste = function (inputStr) {
|
|
|
+ var input = this.nodeName ? this : this[0],
|
|
|
+ $input = $(input);
|
|
|
+ if (window.clipboardData) {
|
|
|
+ window.clipboardData.setData('Text', inputStr);
|
|
|
+ } else {
|
|
|
+ $.data($input, "clipboard", inputStr);
|
|
|
+ window.clipboardData = {
|
|
|
+ getData: function () {
|
|
|
+ window.clipboardData = undefined;
|
|
|
+ return $.data($input, "clipboard");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ $input.trigger('paste');
|
|
|
+ }
|
|
|
+
|
|
|
+ $.fn.input = function (inputStr, caretBegin, caretEnd) {
|
|
|
+ var input = this.nodeName ? this : this[0];
|
|
|
+ input.inputmask.__valueSet.call(input, inputStr);
|
|
|
+ if (caretBegin !== undefined)
|
|
|
+ $.caret(input, caretBegin, caretEnd);
|
|
|
+ $(input).trigger("input");
|
|
|
+ }
|
|
|
};
|
Robin Herbots