银行卡输入四位自动分割

最新推荐文章于 2021-06-22 14:25:11 发布

原创

最新推荐文章于 2021-06-22 14:25:11 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#银行卡号 #自动分割

博客内容描述了在输入银行卡号时，如何实现在每输入4位后自动插入空格的功能。同时，文章提到了在IE8浏览器中，若只设置input样式中的width或height而不同时设置另一个，会导致propertychange事件触发的间隔问题。

遇到这样一个需求，输入框在输入银行卡号的时候，需要每4位自动插入一个空格

以下是实现

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>Document</title>  
    <script>  
          
        function getCaretPosition(obj) {  
            var result = 0;  
            if ('selectionStart' in obj) {  
                result = obj.selectionStart;  
            } else {  
                try{  
                    var rng;  
                    if (obj.tagName == "textarea") {  
                        rng = event.srcElement.createTextRange();  
                        rng.moveToPoint(event.x, event.y);  
                    } else {  
                        rng = document.selection.createRange();  
                    }  
                    rng.moveStart("character", -event.srcElement.value.length);  
                    re