如何用jQuery实时显示输入值？

因此，当用户在“#name”中输入内容时，将在“#display”中显示

Answer 1

您可以在keyup事件上将输入值设置为#display元素的内部text或html ：

 $('#name').keyup(function () { $('#display').text($(this).val()); }); 

Answer 2

jquery> = 1.9的实时奇特解决方案

 $("#input-id").on("change keyup paste", function(){ dosomething(); }) 

如果您还想检测“点击”事件，只需：

 $("#input-id").on("change keyup paste click", function(){ dosomething(); }) 

如果你的jquery <= 1.4，只需使用“live”而不是“on”。

Answer 3

 $('#name').keyup(function() { $('#display').text($(this).val()); }); 

Answer 4

以前的答案当然是正确的。 我只想补充一点，您可能希望更喜欢使用keydown事件，因为更改会更快出现：

 $('#name').keydown(function() { $('#display').text($(this).val()); });