MUI 隐藏软键盘，光标还继续留在input 试过blur readonly 不符合需求

根据下面的代码，自己优化一下应该可以

    <style type="text/css">  
        .field {  
            height:30px;  
            width:200px;  
            border: 1px solid ;  
            padding:5px;  
            line-height: 30px;  
        }  
        .field .pointer  {  
            height:100%;  
        }  
        .field .pointer.focus {  
            border-left: 1px solid;  
        }  

    </style>  
    <div id="ipt" class='field'>  
        <div class="pointer focus"></div>  
    </div>  
    <input type="hidden" name="scanRs"  />  
    <button id="temp" style="width:0; height:0; padding:0; border:0"></button>  

    <script src="js/zepto.min.js" type="text/javascript" charset="utf-8"></script>  
    <script type="text/javascript">  
        (function($){  
            var flash = null;  

            var flashFn = function(domObj){  

                    console.log(domObj);  
                    if(flash !== null){  
                        return ;  
                    }   
                    console.log(flash);  
                    flash = setInterval(function( ){  
                                                console.log('Flashing... ' (  new Date()));   
                        if(domObj.hasClass('focus')){  
                            domObj.removeClass('focus');  
                        }else{  
                            domObj.addClass('focus');  
                        }  

                    }, 600);  
                }  

            flashFn($('.field .pointer'));  

            $('#temp').focus();  

            $('#ipt').on('click', function(e){  
                clearInterval(flash);   
                $('#temp').focus();   
                $(this).html('<div class="pointer focus"></div>');    
            })  

            $('#temp').on('keyup', function(e){   
                clearInterval(flash);   
                var val = $('#ipt').text();  
                val  = e.key;  
                $('#ipt').text(val);  
                console.log(e.key);  
            })  
        })(Zepto);  
    </script>

仔细看下代码，这只是一个模拟input的显示。去掉光标闪烁的那段代码就行了。
这里只是给你提供一个思路。

  <style type="text/css">  
        .field {  
            height:30px;  
            width:200px;  
            border: 1px solid ;  
            padding:5px;  
            line-height: 30px;  
        }  
        .field .pointer  {  
            height:100%;  
        }  
        .field .pointer.focus {  
            border-left: 1px solid;  
        }  

    </style>  
    <div id="ipt" class='field'>  
        <div class="pointer focus"></div>  
    </div>  
    <input type="hidden" name="scanRs"  />  
    <button id="temp" style="width:0; height:0; padding:0; border:0"></button>  

    <script src="js/zepto.min.js" type="text/javascript" charset="utf-8"></script>  
    <script type="text/javascript">  
        (function($){   
            $('#temp').focus();  

            $('#ipt').on('click', function(e){  
                clearInterval(flash);   
                $('#temp').focus();   
                $(this).html('<div class="pointer focus"></div>');    
            })  

            $('#temp').on('keyup', function(e){   
                clearInterval(flash);   
                var val = $('#ipt').text();  
                val  = e.key;  
                $('#ipt').text(val);  
                console.log(e.key);  
            })  
        })(Zepto);  
    </script>

估计我这种需求只有NJS 才能实现吧 焦点光标存在并且软键盘关闭

请问有没有解决这个问题？