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

本文关键字：文本 更新 | 更新日期: 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() ); 
});
相关文章：