jQuery如何实时监听获取input输入框的值

互联网 18-12-12

jQuery实时监听获取input输入框的值，在我们日常web项目开发也常需要去实现这样的功能效果。为了作出即时动作去引导浏览者，以便提高网站的用户体验感。

下面我们就结合具体的代码示例，为大家介绍jQuery实时获取input输入框的值的实现方法。

代码示例如下：

<!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <title>jQuery实时获取input输入框的值的示例</title> </head> <body> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script>     $(function () {         $("#myInput").on("input", function () {             //在输入框中打印输入的值             $("#result").text($(this).val());         });     }); </script> <p><input type="text" placeholder="请输入想说的话..." id="myInput"></p> <div id="result"></div> </body> </html>