浏览代码

Another fix mask position on android

whooehoo 9 年之前
父节点
当前提交
242fea78c5
共有 2 个文件被更改,包括 8 次插入8 次删除
  1. 4 4
      dist/inputmask/inputmask.js
  2. 4 4
      dist/jquery.inputmask.bundle.js

+ 4 - 4
dist/inputmask/inputmask.js

@@ -1154,11 +1154,11 @@
             }, 0);
             }, 0);
         }
         }
         function initializeColorMask(input) {
         function initializeColorMask(input) {
-            var computedStyle = (input.ownerDocument.defaultView || window).getComputedStyle(input, null);
+            var $input = $(input), computedStyle = (input.ownerDocument.defaultView || window).getComputedStyle(input, null);
             colorMask = document.createElement("span"), colorMask.style.position = "absolute", 
             colorMask = document.createElement("span"), colorMask.style.position = "absolute", 
-            colorMask.style.top = input.clientTop + "px",
-            colorMask.style.left = input.clientLeft + parseInt(computedStyle.paddingLeft) + 'px',
-            colorMask.style.lineHeight = input.clientHeight + "px",
+            colorMask.style.top = $input.position().top + parseInt($input.css("border-top-width")) + "px",
+            colorMask.style.left = $input.position().left + parseInt($input.css("border-left-width")) + parseInt($(input).css("padding-left")) + "px",
+            colorMask.style.lineHeight = $input.height() + "px",
             colorMask.style.color = computedStyle.color, colorMask.style.fontSize = computedStyle.fontSize, 
             colorMask.style.color = computedStyle.color, colorMask.style.fontSize = computedStyle.fontSize, 
             colorMask.style.fontStyle = computedStyle.fontStyle, colorMask.style.fontFamily = computedStyle.fontFamily, 
             colorMask.style.fontStyle = computedStyle.fontStyle, colorMask.style.fontFamily = computedStyle.fontFamily, 
             colorMask.style.letterSpacing = computedStyle.letterSpacing, input.style.color = "transparent", 
             colorMask.style.letterSpacing = computedStyle.letterSpacing, input.style.color = "transparent", 

+ 4 - 4
dist/jquery.inputmask.bundle.js

@@ -1152,11 +1152,11 @@
             }, 0);
             }, 0);
         }
         }
         function initializeColorMask(input) {
         function initializeColorMask(input) {
-            var computedStyle = (input.ownerDocument.defaultView || window).getComputedStyle(input, null);
+            var $input = $(input), computedStyle = (input.ownerDocument.defaultView || window).getComputedStyle(input, null);
             colorMask = document.createElement("span"), colorMask.style.position = "absolute", 
             colorMask = document.createElement("span"), colorMask.style.position = "absolute", 
-            colorMask.style.top = input.clientTop + "px",
-            colorMask.style.left = input.clientLeft + parseInt(computedStyle.paddingLeft) + 'px',
-            colorMask.style.lineHeight = input.clientHeight + "px",
+            colorMask.style.top = $input.position().top + parseInt($input.css("border-top-width")) + "px",
+            colorMask.style.left = $input.position().left + parseInt($input.css("border-left-width")) + parseInt($(input).css("padding-left")) + "px",
+            colorMask.style.lineHeight = $input.height() + "px",
             colorMask.style.color = computedStyle.color, colorMask.style.fontSize = computedStyle.fontSize, 
             colorMask.style.color = computedStyle.color, colorMask.style.fontSize = computedStyle.fontSize, 
             colorMask.style.fontStyle = computedStyle.fontStyle, colorMask.style.fontFamily = computedStyle.fontFamily, 
             colorMask.style.fontStyle = computedStyle.fontStyle, colorMask.style.fontFamily = computedStyle.fontFamily, 
             colorMask.style.letterSpacing = computedStyle.letterSpacing, input.style.color = "transparent", 
             colorMask.style.letterSpacing = computedStyle.letterSpacing, input.style.color = "transparent",