Nasıl gibi girdi karakter alır ve karakter tarafından başka bir yerde, karakteri görüntüler bir metin girişi alanını yapabilirsiniz typest yazın bunları!
Böyle bir şey:
<input type="text" id="textField" />
<br />
<span id="textOutput"></span>
<script type="text/javascript">
var input = document.getElementById("textField");
var output = document.getElementById("textOutput");
// sorry, it's better to use "onkeyup" event
// to avoid the problem described in a post below
input.onkeyup = function(){
output.innerText = input.value;
};
</script>
Bir
Çapraz tarayıcı komut:
<script type="text/javascript">
var input = document.getElementById("textField");
var output = document.getElementById("textOutput");
input.onkeypress = function(){
setTimeout(
function(){
var text = input.value;
if ("textContent" in output) {
output.textContent = text;
} else if("innerText" in output) {
output.innerText = text;
} else {
while (output.childNodes.length) {
output.removeChild(output.lastChild);
}
output.appendChild(document.createTextNode(text));
}
},
0
)
};
</script>
tuşa basma olayı çalıştırıldığında olay oluşturulan alan henüz değişikliği yansıtacak şekilde güncellendi değil çünkü setTimeout gereklidir. 0, setTimeout ile, fonksiyon alanı güncellendikten sonra gecikecektir.
textContent bir standart DOM seviye 3 özellik, innerText Microsoft tescilli malı olan ve mevcut ne varsa DOM standart bir şekilde manipüle edilir.