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;
}

这个js不完全正确。我强烈建议您开始使用像jQuery这样的javascript库。这使得这是一项艰巨的任务。

编辑：

jQuery将在IE8中运行得很好。在jQuery中，您不需要将js附加到您的输入。代码看起来像这样。

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

它更清晰，并且在html中没有js。