在键入时更新书面文本以进行查看

时间:2014-10-24 23:49:54

标签: javascript c# html

我们都知道StackOverFlow的系统,它基本上可以让你在发送问题时看到你的书面文字。

我也想在我的网站上创建这个,我想要一些东西开始。

我显然不希望你为我编写代码,但要解释一下我需要什么,以及如何工作。

1 个答案:

答案 0 :(得分:1)

编辑:使用vanilla js而不是jquery

http://jsfiddle.net/wmjnaj6n/4/

HTML

<input type='text' id='input'>
<div id='update'></div>

的Javascript

var element = document.getElementById('input');
var target = document.getElementById('update');
element.addEventListener('keyup', function() {
    target.innerHTML = this.value;
});

为了完整性,jquery的方式是:

$('#input').keyup(function() {
       //do stuff here
       $('#update').text( $(this).val() ); 
});