javascript - 如何实时显示DIV对象中输入的值

标签 javascript jquery input addeventlistener

F.e 我有一个 id 为 someDiv 的 div 和一个 id 为 someInput 的输入文本 - 如何使输入对象的值实时显示在 DIV 中?如果我在输入中输入字母“a”,它应该自动显示在 DIV 中。 我应该使用哪个功能? 我是 jQuery 的真正初学者。

我找到了这段代码:

$(function() {
    $('#someInput').keyup(function() {
        $('#someDiv').text($(this).val());
    });
});

最佳答案

使用input事件

$(function() {
  $('#someInput').on("input", function() {
    $('#someDiv').text($(this).val());
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="someInput">
<div id="someDiv"></div>

关于javascript - 如何实时显示DIV对象中输入的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45353024/

相关文章:

javascript - form li 后台更改

javascript - 在 UIWebview 中启用水平滚动

Javascript 函数适用于 JSFiddle 但不适用于我的 HTML 文档?

linux - 停止缓冲区溢出 - NASM 输入

C程序来反转文件的内容并将其写入另一个文件

jquery - 设置 jQuery 按钮宽度输入类型 ="button"

javascript - 使用 JavaScript 从多维数组创建 HTML

php - 如何使用ajax和php将100个对象保存到服务器?

javascript - jQuery ScrollTo anchor 链接但类不是 ID

jquery - 不应再次单击切换类别