开始键入时文本输入不获取值

Question

你能帮我一下吗?

这是我的代码在添加表单模式:

var inputBox = document.getElementById('pn');
inputBox.onkeyup = function(){
document.getElementById('sc').innerHTML = inputBox.value;
}

<input type=text style='text-transform:uppercase' id='pn' name=pn>
<b><label style='text-transform:uppercase' id='sc'></label></b>

这里都工作正常，但在编辑模式下，当输入从DB中获取旧值时，javascript结果不接受文本字段，而开始输入

这是我的代码在添加表单模式:

var inputBox = document.getElementById('pn');
inputBox.onkeyup = function(){
document.getElementById('sc').innerHTML = inputBox.value;
}

<input type=text style='text-transform:uppercase' id='pn' name=pn value='Example'>
<b><label style='text-transform:uppercase' id='sc'></label></b>

有人可以纠正javascript在文本输入中编辑文本之前采取的值吗?

例子提前感谢。

Answer 1

只需在页面首次加载时运行相同的代码。

var inputBox = document.getElementById('pn');
function showInput() {
document.getElementById('sc').innerHTML = inputBox.value;
}
inputBox.addEventListener("keyup", showInput);
window.addEventListener("load", showInput);

<input type=text style='text-transform:uppercase' id='pn' name=pn value='Example'>
<b><label style='text-transform:uppercase' id='sc'></label></b>