DHTML - 使用输入字段更改页面上的文本

Question

我需要创建一个代码，以便当用户在输入字段中键入内容时将示例文本更改为用户定义的值（类似于在 Stack Overflow 上编写问题时的预览字段）。

这需要在不使用 HTML5 或 Flash 的情况下实现，因为用户将运行 IE8，并非所有用户都会安装 Flash 插件。

因此，我开始通过查看 DHTML 来达到预期的效果。目前，当用户在输入字段中键入时，我可以更改示例文本，但只能更改为预定义值（下面代码中的“示例”），我应该如何编辑此代码以显示用户定义的值？

JS

    function changetext(id)
{
id.innerHTML="Example";
}

HTML

<form>
Content:<input type="text" id="input" onkeyup="changetext(preview)" />  
</form>

<p id="preview">No content found</p> 

Answer 1

你需要在函数中有这样的东西：

function changetext(id){
   var info = document.getElementById('input').value();
   id.innerHTML = info;
}

This js is not完全正确。我强烈建议您开始使用 JavaScript 库，例如 jQuery。这使得这成为一项卑微的任务。

编辑：

jQuery 将在 IE8 中正常工作。在 jQuery 中，您不需要将 js 附加到您的输入中。代码看起来像这样。

$('#input').click(function(){
    $('#preview).html(this.val());
});

它更加干净，并且 html 中没有 js。