html 监听文本框输入

最新推荐文章于 2023-01-21 23:31:25 发布

安果移不动

最新推荐文章于 2023-01-21 23:31:25 发布

阅读量941

点赞数

分类专栏： 004html

独学而无友，则孤陋寡闻。q群582951247

本文链接：https://blog.csdn.net/mp624183768/article/details/90734860

版权

004html 专栏收录该内容

61 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="gbk"/>
    <title>监听文本框输入</title>
</head>
<body>
<input type="text" value="" id="io" />
<p id="dis"></p>
<script type="text/javascript">
    // 监听文本框输入
    var input = document.getElementById("io");
    var dis = document.getElementById("dis");
    function fn() {
        // 你要执行的代码
        dis.innerHTML =input.value ;
    }
    if(window.addEventListener) { //W3C
        input.addEventListener("input", fn, false);
    }
    else if(window.attachEvent) { //IE
        input.attachEvent("onpropertychange", fn);
    }
    if(window.VBArray && window.addEventListener) { //IE9
        input.attachEvent("onkeydown", function() {
            var key = window.event.keyCode;
            if ((key == 8 || key == 46) && input.value != '') fn(); //处理回退与删除
        });
        input.attachEvent("oncut", fn);//处理剪切
    }



</script>
</body>
</html>

安果移不动

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
html 监听文本框输入

<!DOCTYPE html><html><head> <meta charset="gbk"/> <title>监听文本框输入</title></head><body><input type="text" value="" id="io" /><p id...
复制链接

扫一扫