내가 원하는 것은 텍스트 필드에 값을 입력 할 때마다 입력 된 값이 바로 표시됩니다.자바 스크립트를 사용하여 텍스트 필드의 값 변경
정확히 어떻게합니까? 변수에 값을 넣고 onClick을 사용하지 않고 바로 사용할 수 있습니까? 여기
내가 원하는 것은 텍스트 필드에 값을 입력 할 때마다 입력 된 값이 바로 표시됩니다.자바 스크립트를 사용하여 텍스트 필드의 값 변경
정확히 어떻게합니까? 변수에 값을 넣고 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>
난 당신이 모든 이벤트없이 그것을 할 수 있다고 생각하지 않습니다. HTML5의 < 출력> 태그로 처리 할 수 있습니다. 나는 그것을 잘 모른다. 그러나 약간의 연구를 시도해라.
W3 학교에는 좋은 사례가 있습니다.
희망이 당신이
그런 다음, 사용자의 입력 필드에 포커스가 있는지 확인 모든 key input 이벤트를 수신하고 해당 문자로 표시 필드를 업데이트 할 수 있습니다 도움이 될 수 있습니다.
변경 이벤트를 사용하고 있습니까? 왜 지구상에서 이것을 원하니? 내가 생각할 수있는 유일한 대안은 일정한 간격으로 폴링하는 것입니다. 뭔가 같은 :
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 :
<input type="text" id="myText"/>
<span id="output"></span>
JS :
var myText = document.getElementById("myText");
myText.onkeyup = function(){
var output = document.getElementById("output");
output.innerHTML = this.value;
}
고마워요! 나는 2 개의 답을 확인할 수 있었으면 좋겠다. – Masochist
<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()">
해당 사항
onclick 아니요, 변경시 – riso
아니요, 아니요, 이벤트 수신기를 사용해야합니다. '
당신은 항상 방아쇠를 필요로하지만, 당신의 경우에 그것은 onkeypress –