zoukankan      html  css  js  c++  java
  • jquery移动端键盘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());
    })
    

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

  • 相关阅读:
    从《兄弟连》到团队管理
    将来
    [译] TypeScript入门指南(JavaScript的超集)
    基于cocos2dx迷宫游戏
    SVN版本管理教程
    arcgis for android 本地缓存
    vs2010变的特别卡解决办法
    cocos2d-x自适应屏幕
    cocos2d-x使用CCScale9Sprite
    cocos2dx开发入门文档
  • 原文地址:https://www.cnblogs.com/screw/p/5163882.html
Copyright © 2011-2022 走看看