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

JavaScript015

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

文本框内容显示在指定地方:就是一个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()"/>

123<script>functionshowaaa(){函数aaa要做的事,比如输出aaa和自动复制aaa}functionshowbbb(){函数aaa要做的事,比如输出bbb和自动复制bbb}</script>自己去百度:js输出html、js打印字符串、js复制内容之类的关键词想办法把功能写出来。

你有用jQuery吗。如果是可以用delegate代理点击事件。如果没有,自己写一个,其实就是点击事件的冒泡。

<button type="button" data-target="#div1">显示id为div1的元素里的内容</button>

<button type="button" data-target="#div2">显示id为div2的元素里的内容</button>

为你的每个要点击的按钮加上data-target属性(这是HTML5的data-*特性),假设这些按钮的共同父元素是

#button-wrap

那么就可以这样用代理

$('#button-wrap').delegate('button[data-target]', 'click', function() {

// 获取存储在按钮上的作为 jQuery 选择器的 target 值

var target = $(this).data('target')

// 在 HTML5 中也可以是 var target = this.dataset.target

// 根据target指定的选择器,显示该元素

$(target).show()

})