[SoOnPerson] 提高用户体验度：实时获取input的值

SoOnPerson

于 2018-05-09 10:23:05 发布

阅读量154

点赞数

分类专栏： idea js 文章标签： html js

本文链接：https://blog.csdn.net/qq_35793301/article/details/80249690

版权

idea 同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

需要引用 jquery，注意路径

其实也可以使用 keypress，不过只能检测键盘输入，不能检测到复制粘贴来的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery.js"></script>
</head>
<body>

<input type="text" id="input_name" placeholder="请输入">
<h3 id="show_name"></h3>

<script>
    $("#input_name").bind("input propertychange change",function() {
        var name = $("#input_name").val();
        $("#show_name").text(name);
    });
</script>
</body>
</html>