正在更新要在键入时查看的书面文本

本文关键字:文本 更新 | 更新日期: 2023-09-27 18:27:50

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

我也希望在我的网站上创建这个,我想先做点什么。

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

正在更新要在键入时查看的书面文本

编辑:使用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() ); 
});