jquery移动端键盘keyup失效

最新推荐文章于 2023-01-14 16:07:25 发布

weixin_30315905

最新推荐文章于 2023-01-14 16:07:25 发布

阅读量257

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/screw/p/5163882.html

本文详细介绍了在使用keyup事件时遇到的中文输入法问题，并提供了两种解决方案：通过focus事件周期性检查输入值和使用input与propertychange事件替代。这两种方法能够有效解决中文输入法下部分按键keyup事件无效的问题。

最近做的触屏版的项目中遇到监听input的值，使用keyup，手机上的键盘按下其它键没问题，但是删除键却监听不到，在网上找到下面的解决方法。

搜索框依据用户输入的值实时检索，一开始自然而然想到keyup，在拼音状态时，啥问题也没有，

问题1：切换到中文输入法，问题出来了，keyup事件不灵便了，后来在网上搜了下，找到了思路，

问题2：微信公众平台开发时，客户提需求“输入框中输入内容时，输入框后边显示清除按钮，清除输入框中的内容”，使用“keyup”事件时在中文输入法下部分按键keyup事件无效，

方法一：主要是给搜索框注册focus事件，隔个时间去检索下，贴出代码

$(function () {
        $('#wd').bind('focus',filter_time);
    })

    var str = '';
    var now = ''
    filter_time = function(){
        var time = setInterval(filter_staff_from_exist, 100);
        $(this).bind('blur',function(){
            clearInterval(time);
        });
    };

    filter_staff_from_exist = function(){
        now = $.trim($('#wd').val());
        if (now != '' && now != str) {
            console.log(now);
        }
        str = now;
    }

方法二：用 input 和 propertychange事件可以解决

//先判断浏览器是不是万恶的IE，没办法，写的东西也有IE使用者
var bind_name = 'input';
if (navigator.userAgent.indexOf("MSIE") != -1){
　　bind_name = 'propertychange';
}
$('#inputorp_i').bind(bind_name, function(){
　　$('#inputorp_s').text($(this).val());
})

方法二并不是适用比较老的浏览器

转载于:https://www.cnblogs.com/screw/p/5163882.html