Android手机 - 输入字段保留每个按键并附加替换

时间:2018-02-02 07:02:24

标签: javascript android jquery html5

目标:禁止输入字段

上的数字值

逻辑:我试图用空字符串替换每个数字值。 但是在每个下一个按键时,原始的val字符串都会被添加到它之前。

例如:

---------------------------------------------------------
Key Entered          |         Value reflected in Input
---------------------------------------------------------
A                    |                A
b                    |                Ab
1                    |                Ab
c                    |                AbAbc
----------------------------------------------------------

代码:

HTML

 <input id="charText" value="" class="alpha">

脚本

$('.alpha').on('keyup', function () {

    //$(this).val( $(this).val().replace(/[^A-Za-z]/g,'') );
    $val = $(this).val().replace(/[^A-Za-z]/g,'');;
    $('.alpha').val($val);
    });
});

适用于桌面。仅在我的Android手机中出错

1 个答案:

答案 0 :(得分:0)

我能够使用以下脚本解决相同的问题 (参考:JavaScript keypress event not raised on Android browser

$(window).load(function(){
    $('.alpha').on('keyup input', function (event) {

        if(event.type == 'input') {
          var bufferValue = $(this).val().replace(/[^A-Za-z]/g,'');
          $(this).val(bufferValue);
        }

    });
});