正在更新要在键入时查看的书面文本
本文关键字:文本 更新 | 更新日期: 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() );
});