这边写了一个代码，请保存为html文件测试。
Onchange需要Textarea失去焦点才触发，这边换成了onkeyup
<html><script type="text/javascript">
function messagechanged()
{
documentgetElementById("showtext")innerHTML=documentgetElementById("message")value
}
</script>
<body>
<textarea id="message" rows="10" cols="30" onkeyup="messagechanged()">
The cat was playing in the garden
</textarea>
<p>您输入的内容如下：
<p>
<label id=showtext><label>
</body>
</html>
目的 : 获取文本框的值
工具 : reactjs
要想获取文本框的值，首先我们需要看一下官方文档的解释：
这里的意思是说当文本框的内容改变的时候，文本框的输入的内容就会作为一个参数进行传递。因此我们就可以获取到文本框里面的内容就好了。
提供以下代码可供参考使用:
constructor (props) {super (props)
thisstate = {
screen: thisinitScreen(),
txtValue: null,
dataSource: new ListViewDataSource({
rowHasChanged: (row1, row2) => row1 !== row2
}),
loaded: false
}
}
。。。。
<TextInput
selectTextOnFocus = {true}
onChangeText={(text) => {
thisstatetxtValue = text
thisgetContent()
}}
。。。
/获取文本框中的值/
getContent () {
ToastAndroidshow(thisstatetxtValue, ToastAndroidLONG)
}
Ⅰ、oninput事件
oninput 事件在用户输入时触发。
该事件在 <input> 或 <textarea> 元素的值发生改变时触发。
提示： 该事件类似于 onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 <keygen> 和 <select> 元素。
语法：
HTML 中：<element oninput="myScript">;
JavaScript 中：objectoninput=function(){myScript};
JavaScript 中, 使用 addEventListener() 方法：objectaddEventListener("input", myScript);尝试一下
注意： Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。
技术细节：
是否支持冒泡：Yes
是否可以取消：No
事件类型：Event
支持的 HTML 标签：
<input type="password">, <input type="search">, <input type="text"> 和 <textarea>
Ⅱ、onchange事件（Event 对象）
定义和用法：onchange 事件会在域的内容改变时发生。
语法：onchange="SomeJavaScriptCode"
参数：SomeJavaScriptCode
描述：必需。规定该事件发生时执行的 JavaScript。
支持该事件的 HTML 标签：<input type="text">, <select>, <textarea>
支持该事件的 JavaScript 对象：fileUpload, select, text, textarea
实例 1
在本例中，我们将在用户改变输入域内容时执行 JavaScript 代码：
<html>
<head>
<script type="text/javascript">
function upperCase(x)
{
var y=documentgetElementById(x)value
documentgetElementById(x)value=ytoUpperCase()
}
</script>
</head>
<body>
输入您的姓名：
<input type="text" id="fname" onchange="upperCase(thisid)" />
</body>
</html>
输出：输入您的姓名：____________________
这个例子不咋地
例子想告诉你的就是当你改变下拉选框的值，就会调用触发onchange事件，继而调用swapOptions（）脚本。这个脚本是事先写好的，也要在同一个页面中。
然后又调用了setOptionText（）脚本，做的动作就是改变了name叫the_examples的下拉选框中的值。
首先你要注意这里有2个下拉选框，
简单的说就是，如果你在name叫choose_category的下拉选框中选了fish
name叫the_examples的下拉选框中的值就变了，变成那3个数组中的某一个
试一下这个把，我刚才试过了，可以的
var tt=$("form select[name=selectName]")find('option:selected')text();
alert(tt);
把selectName换成你表单中的下拉框name值就行了
要是使用ID查询这样就行了
var tt=$("#selectId")find('option:selected')text();就行
以上就是关于如何捕捉HTML中Textarea的Onchange全部的内容，包括:如何捕捉HTML中Textarea的Onchange、reactjs怎么获取文本框的值、oninput和onchange的区别等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）