js 获取文本框的值并传输到指定位置

<body>
<div id="app">
<input type="text" id="a">
<span id="b"></span>
</div>
</body>
<script>
var obj = {}; //定义一个空对象

var val = '1'; //赋予初始值

Object.defineProperty(obj, 'val', {//定义要修改对象的属性

get: function () {

return val;
},

set: function (newVal) {

val = newVal;//定义val等于修改后的内容

document.getElementById('a').value = val;//让文本框的内容等于val

document.getElementById('b').innerHTML = val;//让span的内容等于val

}

});
document.addEventListener('keyup', function (e) {//当在文本框输入内容时让对象里你定义的val等于文本框的值

obj.val = e.target.value;

})

</script>

js 获取文本框的值并传输到指定位置相关推荐

jQuery与js获取文本框的值以及调方法的区别
代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <ti ...
js获取文本框的值在控制台输出
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
html获取文本框的值,如何获取输入框的内容
js如何获取input输入框中输入的值直接使用.value属性即可获取输入框的内容. 详细的步骤如下: 首先获取输入框对应的DOM元素,如: var bt=document.getElementBy ...
js/jquery获取文本框的值与改变文本框的值
我们就用它来学习获取文本框的值及改变文本框的值. 代码如下复制代码 <script> function get1() { document.getElementById("tx ...
java如何获取单框的值_javaWeb获取文本框的值
javaWeb获取文本框的值 [2021-02-01 21:11:36] 简介: php if不等于空的判断方法:首先通过"$_POST['content'];"获取文本框的内容 ...
使用JavaScript获取文本框的值方法
使用JavaScript获取文本框的值方法第一种方法: 重点看<a onclick="add()">获取值</a> 在script中对应的是标签id的值, ...
php 取html文本框的值,jQuery中怎么获取文本框的值
jQuery中获取文本框的值方法:首先新建文件,并使用script标签在当前页面引入[jquery.min.js]文件:然后使用input标签创建文本框,并设置其id为myinput:最后给butto ...
【react基础】7、react获取文本框的值
React获取文本框的值 1.e.target.value 2.用ref标记节点,ref="textbox",使用时调用this.refs.textbox.value 3.用ref ...
html获得文本框的值,jQuery中怎么获取文本框的值？
jQuery中怎么获取文本框的值?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. jQuery中获取文本框值的方法下面就结合简单的代码示例,给大家介绍j ...

js 获取文本框的值并传输到指定位置

js 获取文本框的值并传输到指定位置相关推荐

最新文章

热门文章

js 获取文本框的值 并传输到指定位置

js 获取文本框的值 并传输到指定位置相关推荐

最新文章

热门文章

js 获取文本框的值并传输到指定位置

js 获取文本框的值并传输到指定位置相关推荐