JS怎么实现向文本框打字直接输出

JavaScript032

JS怎么实现向文本框打字直接输出,第1张

给文本框添加一个onkeyup事件

然后在页面上添加一个你要显示文本框内容的任意标签,但id必须是唯一的

实例:

<input type="text" size="20" onkeyup="shu(this.value)"/>

<span id="txt">这里显示文本框的内容</span>

js代码:

<script>

function shu(text){

document.getElementById('txt').innerText=text

}

</script>

思路:

编写一个按钮,给按钮添加点击事件。

在点击事件里面,创建文本框,添加到相应的父级元素里面。

下面是简单的代码,仅供参考;

<script>

window.onload = function(){

var oBtn = document.getElementById('btn')

oBtn.onclick = function(){

var oInp = document.createElement('input')

oInp.type = 'txet'

document.body.appendChild(oInp)

}

}

</script>

</head>

<body>

<input type="button" id="btn" value="click me" />

</body>