通过js实时检测文本框内容

最新推荐文章于 2023-12-12 15:24:02 发布

weixin_30287169

最新推荐文章于 2023-12-12 15:24:02 发布

阅读量400

点赞数

文章标签： javascript ViewUI

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

版权

思路

1，在获取文本框焦点后，启动定时器，每隔100毫秒来查看文本内容的改变
2，在文本框失去焦点后，清除定时器

下面是一个简单的例子

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>input 监听</title>
</head>
<body>
    <label>
        <span>姓名</span>
        <input id="input" type="text">
    </label>
    <p id="input-tip"></p>

    <script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script>
    <script type="text/javascript">
        $("#input").focus(function(){
            time = setInterval(function(){
                var value = $("#input").val();
                $("#input-tip").text(value);
                console.log("setInterval");
            },100);
        }).blur(function(){
            console.log("clearInterval");
            clearInterval(time);
        })
    </script>
</body>
</html>

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30287169

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
通过js实时检测文本框内容

思路1，在获取文本框焦点后，启动定时器，每隔100毫秒来查看文本内容的改变2，在文本框失去焦点后，清除定时器下面是一个简单的例子<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>input 监听</title></head&g...
复制链接

扫一扫