Javascript 手机网站表单中的输入屏蔽文本框不工作

Javascript 手机网站表单中的输入屏蔽文本框不工作,javascript,jquery,mobile,masking,Javascript,Jquery,Mobile,Masking,我有一个要求,我需要应用输入屏蔽的形式在移动网站中使用的文本框 例如:我在我的手机网站上使用了下面的表格,其中手机号码需要根据标签中给出的示例文本进行屏蔽。我尝试使用一些jquery插件来实现这个功能,但是我发现它在web上运行得很好,但在移动浏览器中运行失败 我在网上看到一条评论说,手机浏览器不依赖按键和按键事件。这是真的吗 我尝试使用自己的代码来实现解决方案(代码如下) 上述代码在web浏览器中工作,但在移动设备中,前3位数字工作正常,但第4位和第5位数字交换以及数字顺序始终失败。而且当你

我有一个要求,我需要应用输入屏蔽的形式在移动网站中使用的文本框

例如:我在我的手机网站上使用了下面的表格,其中手机号码需要根据标签中给出的示例文本进行屏蔽。我尝试使用一些jquery插件来实现这个功能,但是我发现它在web上运行得很好,但在移动浏览器中运行失败

我在网上看到一条评论说,手机浏览器不依赖按键和按键事件。这是真的吗

我尝试使用自己的代码来实现解决方案(代码如下)

上述代码在web浏览器中工作,但在移动设备中,前3位数字工作正常,但第4位和第5位数字交换以及数字顺序始终失败。而且当你删除“否”时,并不是所有的数字都被删除

我们是否有来自jquery的插件或执行此任务的代码段

下面是我在S2、S3和iPhone的移动默认浏览器中尝试的一些插件(失败了)

掩码| jQuery插件注册表


提前感谢您

即使在手机上,这也适用于我:

$(“#phoneInput”).jqxMaskedInput({宽:250,高:25,掩码:'-###-#####')


我用过IPhone和Nexus

令人担心的是,这个插件是付费的,它附带了一些我不需要的功能。我唯一需要的功能是输入掩码。
    function formatPhone(e, node) {
    var keycode =  e.keyCode ? e.keyCode : e.which;
    if(keycode == 8){ // backspace
        return false;
    }
    if(keycode == 46){ // delete
        return false;
    } 
    var input = $(node).val();
    input = input.replace(/-/g, '');
    var areaCode = input.substring(0, 3);
    var exchange = input.substring(3, 6);
    var tail = input.substring(6);          
    $(node).val(areaCode + "-" + exchange + "-" + tail);                            

}
 $('#${PRE_ID}Phone').keyup(function (e) { formatPhone(e, this); });