通过定时监听input框来实现onkeyup事件-

最新推荐文章于 2023-10-12 00:51:18 发布

Just do it

最新推荐文章于 2023-10-12 00:51:18 发布

阅读量444

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/geek12/p/4967469.html

本文介绍了一种在Zepto中实现键盘输入监听的方法，由于Zepto不支持onkeyup事件，因此通过绑定focus事件并使用定时器来监测input框内值的变化。当焦点离开input框时，清除定时器。

问题：因为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>

转载于:https://www.cnblogs.com/geek12/p/4967469.html