zoukankan      html  css  js  c++  java
  • 通过定时监听input框来实现onkeyup事件-

    问题:因为zepto无法使用onkeyup 事件

    解决方法:通过给input框绑定focus 事件,定时的去监听input的值得改变,在鼠标移出input后,清除定时器

    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <input id="box" type="text">
    
        <script type="text/javascript" src="http://cdn.bootcss.com/zepto/1.1.4/zepto.js"></script>
        <script type="text/javascript">
        // ## 问题:因为zepto无法使用onkeyup 事件
        // ## 解决方法:通过给input框绑定focus 事件,定时的去监听input的值得改变,在鼠标移出input后,清除定时器
        Zepto(function(){
            controlTime = function(){
                var time = setInterval(monitor,100);
                $("#box").bind("blur",function(){
                    clearInterval(time);
                })
            }
            monitor = function(){
                var val = $("#box").val();
                if(val != ''){
                    val = val.replace(/D/g,'');
                    $("#box").val(val)
                    console.log(val);
                }
            }
    
            $("#box").bind("focus",controlTime);
    
    
        });
        </script>
    </body>
    </html>
    
    
  • 相关阅读:
    Tomcat虚拟目录的映射方式
    Linux常用命令
    java断点调试
    破解MyEclipse
    JS判断浏览器
    css3 box-sizing详解。
    this-使用call . apply
    this-内部函数
    this-对象方法调用
    this-纯函数
  • 原文地址:https://www.cnblogs.com/geek12/p/4967469.html
Copyright © 2011-2022 走看看