javascript - 输入后立即获取变量

Question

我有这个代码

<span></span>

还有这个

<div> variable like a number </div>

和

<script>

$(document).ready(function(){
  var x = $('div').html();
  $('span').html(x)
});

</script>

我需要每次更改 div 值时，跨度反射(reflect) div 的变化

例如。

如果我在 div 中输入 1，span 应该立即显示数字 1

如果我在 div 中输入 3283，span 应该立即显示数字 3283

但是使用这段代码 - 我需要创建

$("div").click(function(){

      var x = $('div').html();
      $('span').html(x)

});

我不想使用 .click(function) 。需要时此功能自动运行

在你回答之后 我用这个代码

http://jsfiddle.net/Danin_Na/uuo8yht1/3/

但不起作用。有什么问题吗？

Answer 1

这很简单。如果将 contenteditable 属性添加到 div，则可以使用 keyup 事件:

var div = $('div'),
    span = $('span');

span.html(div.html());

div.on('keyup', function() {
    span.html(div.html());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<span></span>
<div contenteditable="true"> variable like a number </div>