javascript - jQuery 进行更改时出现 "onkeypress"滞后

Question

我有一个包含文本的跨度，当我在文本框中按下某些内容后，该文本应该会不断变化。

<input type="text" class="response" onkeypress="return ChangeSpan()" id="how_many" name="how_many" placeholder="Enter how many..." />

和我的 jQuery:

<script type="text/javascript">
function ChangeSpan() {
    var text = $("#how_many").val();
    $('#changeText').text(text);
}
</script>

它工作得很好，但是当我按下 "dfg" 时，它在跨度上唯一存在 "df" 。只有当我添加下一个字符时，它才会添加 "g"。

我希望它也响应最后一个字符，我该怎么做？

Answer 1

您可能想使用 keyup .

您使用 jQuery 并内联添加事件吗？这是不好的做法。使用 on 附加事件。

$("#how_many").on("keyup", function(){ $('#changeText').text( this.value ); });

keyup、keydown 和 keypress 之间的区别在 quirksmode 上进行了解释.