javascript - 来自文本框的动态文本刷新

我有这个：

的HTML

<p>Text in the textbox: </p><p class="value">0</p>
<input type="text" id="textbox">
<button id="submit">Submit Value</button>

JQUERY

var tbvalue;

$(document).ready(function(){
    $('#submit').click(function(){
        tbvalue = $('#textbox').val();
        $('.value').text(tbvalue);
    });
});

因此，该脚本显示了当用户单击按钮时用户在<p>标记中编写的文本。现在，如何做到这一点，而不必单击按钮，仅当用户添加字母或数字时，带有文本框值的段落就会动态刷新？

最佳答案

您可以使用.keyup()事件：


  将事件处理程序绑定到“ keyup” JavaScript事件，或触发该事件处理程序
  元素上的事件。

$(document).ready(function () {
    $('#textbox').keyup(function () {
        tbvalue = this.value;
        $('.value').text(tbvalue);
    });
});

Fiddle Demo

关于javascript - 来自文本框的动态文本刷新，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23394979/