原生js实现文本框输入 原生js实现文本框输入文字

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

给文本框添加一个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

相关问答

Q1: 在javascript中如何实现单击按钮将文本框中输入的内容显示在页面上?

文本框内容显示在指定地方：就是一个dom内容转移的操作，使用Jquery获取原生js都很好实现，配合具体js事件实现。具体操作如下：

//假定文本框的id='mytext',指定显示区域的id='show' 

//div/span/p等节点，不是文本元素

function fun(){

     getEle('show').innerHTML =getEle('mytext').value;

}

function getEle(id){

    return document.getElementById(id);

}

 !--button click 触发--

input type='text' id='mytext'/

input type='button' onclick='fun();' value="button"/

 !--input onblur 触发--

 input type='text' id='mytext' onblur="fun();"/

Q2: 用js里怎么写输入框

用js里怎么写输入框

把输入框放到一个form表单里

form name="frm"

input type="text" name=“name” id=“id_name”..../

/form

这样在js里就可以document.frm.name.value就是输入框的值

或者document.getElementById("id_name").value也是可以的

关于原生js实现文本框输入和原生js实现文本框输入文字的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。