javascript – 延迟显示文字

我想要文本我立即输入文本字段以显示在div中:

function func() {
  document.getElementById("query").innerHTML = document.getElementById("keyword").value;
}
window.onload = function() {
  keyword.onkeydown = function(e) {
    func();
  }
}
<input type="text" id="keyword" size="40">
<div id="query"></div>

它的工作,唯一的问题是,它显示与延迟.

所以如果我输入“abc”,它只显示“ab”.我需要输入另一个字符,例如“abcd”,以便显示“abc”.
最后一个字符总是丢失.

在这里你可以试试看:http://jsfiddle.net/285cz0np/

事件正在关闭.由于输入元素的值尚未更改,因此您没有看到结果.

您可以将其更改为onkeyup,而不是:(updated example).或者您可以在调用该函数之前设置一个延迟.

或者也可以听input event

Example Here

document.getElementById("keyword").addEventListener('input', function (e) {
    document.getElementById("query").textContent = e.target.value;
});
相关文章
相关标签/搜索