输入，onChange CopyIt

Question

我有这个：

它将我在 input1 中键入的内容复制到 input2 并去除空格等。

但它只会在我将鼠标悬停在输入 2 上时进行复制，是否可以在键入时进行复制？

输入1

<input name="input1" type="text" id="input1" size="60" onchange = "copyItt()" />

输入2

<input onclick="javascript:stripspaces(this)" onmouseover="javascript:stripspaces(this)" onkeydown="javascript:stripspaces(this)" name="input2" type="text" id="input2" readonly onmousemove="javascript:this.value=this.value.toLowerCase();" onblur="javascript:this.value=this.value.toLowerCase();"  size="60" />

javascript

function copyItt() {
var x = document.getElementById("input1").value;
document.getElementById("input2").value = x;
}

function stripspaces(input) 
{
input.value = input.value.replace(/\s/gi,"-");

Answer 1

看起来您想要将 onkeyup="copyItt()" 添加到 intput1，并且您可能还想从 copyItt() 内部调用 stripspaces() 以便处理文本当你输入时：

function coypItt() {
    document.getElementById("input1").value;
    document.getElementById("input2").value = x;
    stripspaces(document.getElementById("input1"));
}

有了这个，您可能会发现 input2 上的许多（全部？）事件处理程序都是不必要的。

输入，onChange CopyIt

Input, onChange CopyIt

javascript

input

onchange