JS Input输入框实时监听示例（兼容IE8）

最新推荐文章于 2019-07-27 23:36:25 发布

粤小七

最新推荐文章于 2019-07-27 23:36:25 发布

阅读量2.8k

点赞数 1

分类专栏： Web前端文章标签： html javascript web前端 js

本文链接：https://blog.csdn.net/qq1014156094/article/details/77154424

版权

Web前端专栏收录该内容

30 篇文章 1 订阅

订阅专栏

HTML：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>JS Input输入框实时监听例子（兼容IE8）</title>
</head>

<body>
    <input type="text" id="search-input" />
    <div id="text"></div>
    <script>
        var searchInput = document.getElementById("search-input");
        var text = document.getElementById("text");

        // 是IE浏览器（兼容IE8）
        if (document.all) {
            searchInput.onpropertychange = function () {
                text.innerHTML = searchInput.value
            }
        }
        // 非IE
        else {
            searchInput.addEventListener('input', function () {
                text.innerHTML = searchInput.value
            })
        }
    </script>
</body>

</html>

在线预览：

https://runjs.cn/code/cymbp6bs

粤小七

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS Input输入框实时监听示例（兼容IE8）

// IE11以下执行if(document.all){ // input搜索框的值实时监听 var searchInput = document.getElementById("search-input"); var searchBtn = document.getElementById("search-btn"); searchInput.onproper
复制链接

扫一扫

专栏目录