Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Javascript显示textfield onChange的值_Javascript_Html - Fatal编程技术网

使用Javascript显示textfield onChange的值

使用Javascript显示textfield onChange的值,javascript,html,Javascript,Html,我想做的是,每当我在文本字段中键入值时,键入的值将立即显示 我该怎么做呢?我是否可以将该值放入变量中并立即使用它,而不必使用onClick 我会这样做: <script> function change(){ var el1 = document.getElementById("div1"); var el2 = document.getElementById("text"); el1.innerHTML = el2.value; } </script&

我想做的是,每当我在文本字段中键入值时,键入的值将立即显示


我该怎么做呢?我是否可以将该值放入变量中并立即使用它,而不必使用onClick

我会这样做:

<script>
function change(){
    var el1 = document.getElementById("div1");
    var el2 = document.getElementById("text");
    el1.innerHTML = el2.value;
}
</script>

<input type="text" id="text" onkeypress="change()">
<div id="div1"></div>

函数更改(){
var el1=document.getElementById(“div1”);
var el2=document.getElementById(“文本”);
el1.innerHTML=el2.value;
}
我认为没有任何事件你是做不到的。 也许你可以用HTML5的标签来做。我不太清楚,但试着做些研究。
学校有一些很好的例子


希望这能对您有所帮助

以下是我的做法:

<script>
function change(){
    var el1 = document.getElementById("div1");
    var el2 = document.getElementById("text");
    el1.innerHTML = el2.value;
}
</script>

<input type="text" id="text" onkeypress="change()">
<div id="div1"></div>

函数更改(){
var el1=document.getElementById(“div1”);
var el2=document.getElementById(“文本”);
el1.innerHTML=el2.value;
}
我认为没有任何事件你是做不到的。 也许你可以用HTML5的标签来做。我不太清楚,但试着做些研究。
学校有一些很好的例子


希望这能帮助您

您可以检查输入字段是否处于焦点,然后收听任何事件并用适当的字符更新显示字段。

您可以检查输入字段是否处于焦点,然后侦听任何事件并使用适当的字符更新显示字段。

是否不使用更改事件?你到底为什么要这个?我能想到的唯一替代办法是每隔一段时间进行投票。比如:

var theValue = "";
var theTextBox = document.getElementById('myTextBox');

// Run 10 times per second (every 100ms)
setInterval(function() {
    // Check if the value has changed
    if(theTextBox.value != theValue)
    {
        theValue = theTextBox.value;
    }
}, 100);

而不使用更改事件?你到底为什么要这个?我能想到的唯一替代办法是每隔一段时间进行投票。比如:

var theValue = "";
var theTextBox = document.getElementById('myTextBox');

// Run 10 times per second (every 100ms)
setInterval(function() {
    // Check if the value has changed
    if(theTextBox.value != theValue)
    {
        theValue = theTextBox.value;
    }
}, 100);
html:

演示: ​

html:

演示: ​


函数更改(){
var el1=document.getElementById(“div1”);
var el2=document.getElementById(“文本”);
el1.innerHTML=el2.value;
}
函数changenew(){
var el1=document.getElementById(“div1”);
var el2=document.getElementById(“文本”);
el1.innerHTML=el2.value;
}

是否可能


函数更改(){
var el1=document.getElementById(“div1”);
var el2=document.getElementById(“文本”);
el1.innerHTML=el2.value;
}
函数changenew(){
var el1=document.getElementById(“div1”);
var el2=document.getElementById(“文本”);
el1.innerHTML=el2.value;
}


是否可能

否,您必须使用事件侦听器。尝试
s的
keyup
事件。您将始终需要触发器,但对于您的情况,它将是onkeypress@RicardoGarzaV. 谢谢你启发我:)不,你必须使用事件侦听器。尝试
s的
keyup
事件。您将始终需要触发器,但对于您的情况,它将是onkeypress@RicardoGarzaV. 谢谢你给我的启发:)如果,比方说,问题指定了“不使用触发器”怎么办?这正是我需要的!上帝保佑你D@Codemonkey那我就编辑这个问题。我所说的触发器是指单击或提交等。对不起。如果,比如说,问题指定了“不使用触发器”,该怎么办?这正是我所需要的!上帝保佑你D@Codemonkey那我就编辑这个问题。我所说的触发是指点击或提交等。对不起,谢谢!我希望我能核对两个答案!非常感谢。我希望我能核对两个答案!
<script>
function change(){
var el1 = document.getElementById("div1");
var el2 = document.getElementById("text");
el1.innerHTML = el2.value;
}
function changenew(){
var el1 = document.getElementById("div1");
var el2 = document.getElementById("text");
el1.innerHTML = el2.value;
}
</script>

<input type="text" id="text" onkeypress="change()" onchange="changenew()">