银行卡输入四位自动分割

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

iteye_15462

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

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： web 文章标签：银行卡号自动分割

本文链接：https://blog.youkuaiyun.com/iteye_15462/article/details/82648333

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

遇到这样一个需求，输入框在输入银行卡号的时候，需要每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