使用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()">