[jquery]IE与Chrome下text()方法获取textarea值不一致

最新推荐文章于 2020-04-13 00:01:43 发布
最新推荐文章于 2020-04-13 00:01:43 发布
阅读量492 收藏
点赞数
分类专栏： java [jquery]IE与Chrome下text()方法获取textarea值不一致 文章标签： [jquery]IE与Chrome下text()方法获取textarea值不一致 java 工作
[size=small;]<br>[/size]

[size=small;][b][jquery]IE与Chrome下text()方法获取textarea值不一致[/b][/size]

[size=small;]<br>[/size]

[size=small;]相同代码在IE与Chrome下获取变更的<textarea>值不相同，代码如下：[/size]

[size=small;] 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	 <head>
			<title></title>
			<meta http-equiv="pragma" content="no-cache"/>
			<meta http-equiv="cache-control" content="no-cache"/>
			<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
			<meta name="author" content="Jarg Yee <yeshaoting@gmail.com>" />
			<script type="text/javascript" src="scripts/jquery-1.7.js"></script>
			<script type="text/javascript">
			$(bootstrap);
			function bootstrap()
			{
				$("textarea").change(function()
				{
					var $text = $("textarea").text();
					if($text != "")
						alert($("textarea").text());
				});
			}
			</script>
	 </head>

	 <body>
			<textarea>你好</textarea>
	 </body>
</html>

?[/size]

[size=small;]<br>[/size]

[size=small;]<br>[/size]

[size=small;]对于这段代码，在IE中的效果是textarea域中的值发生修改时，弹出的提示显示修改后的值；而在Chrome中，则是原始<textarea>标签内的文本值。[/size]

[size=small;]<br>[/size]

[size=small;]<br>[/size]

[size=small;]<br>[/size]

[size=small;]text()方法类似于JavaScript中的innerText，用来获取当前标签元素包裹的纯文本内容。[/size]

[size=small;]由此可见，IE处理方法是将修改后的结果设置到<textarea></textarea>对内；而Chrome则不是这样处理。[/size]

[size=small;]<br>[/size]

[size=small;]val()方法是获得第一个匹配元素的当前值。[/size]

[size=small;]<br>[/size]

[size=small;]<br>[/size]

[size=small;]将上例中的text()换成val()，则IE与Chrome中显示的效果一致。[/size]

[size=small;]<br>[/size]

?

?
iteye_2013
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery实现在textarea指定位置插入字符或表情的方法
11-29
- 对于IE浏览器，我们使用`document.selection`和`createRange()`方法获取当前的选区，并设置选区的文本为`myValue`： ```javascript if (document.selection) { this.focus(); sel = document.selection....
获取div编辑框，textarea，input text的光标位置 兼容IE，FF和Chrome的方法介绍
01-19
网上苦找2小时，全是不能兼容FF的，看来这种东西网上是搞不到现成的了，只能自己动手丰衣足食 现在发布出来，今后网上就有现成的供人使用了。 为了省事，少量位置用了jquery 改原生JS也很方便，谁需要就请自己修改了...
textarea标签获取不到值和获取值前面有空白格
dadada_youzi的博客
10-15 1043
1、textarea获取值不是通过value获取。而是 <textarea id="failureReason"name="failureReason" >${(faultCodeVo.failureReason)!''}</textarea> 2、textarea标签必须一行写完，隔行获取的值会出现前面有空格情况 正确写法：<textarea&gt...
texterea在各大浏览器中用jquery取值和赋值问题总结
cumtheima的专栏
05-07 313
测试浏览器：IETester、IE、Firefox、Chrome、Opera和Safari，五大主流浏览器。   场景一：从textarea中取值，不经过数据库，直接存到另外一个textarea中。   (对于从textarea中取值，放在div中不在讨论范围之内)   解决办法：        &lt;textarea id="mytextarea1"&gt;&lt;/textar...
IE下text()和val()应用与 textarea标签的区别
wangsong76的专栏
02-16 335
当在一个textarea标签中键入一个回车时，实际上会插入2个符号：\n\r \n 回车符 \r 换行符 如果用text()获取textarea中的值，那么存入数据库的数据就只会有\r 如果用var()获取textarea中的值，那么存入数据库的数据就只会有\n 这样的区别就是，在IE下，你如果是读取用text()存入的数据在展示在textarea中，那么数据的换行是正常的。而读取用...
jQuery中text()在IE与Chrome作用不同
weixin_30593261的博客
04-04 227
text()在IE与Chrome作用不同 今天需要在一个id是txtMessage的textarea里面取值，做了半天发现在IE和Chrome中使用text()结果不同 $(document).ready(function () { $("#btnSubmit").click(function () { var t = $('#txtMessage').text()...
textarea中的手动换行处理的jquery代码
12-04
这个函数首先通过jQuery选择器`$("#test")`获取`textarea`的值，然后使用`replace`方法查找所有`\n`字符，并将其替换为` `标签。处理后的文本通过`alert`弹窗显示，实际应用中你可以根据需求将其插入到DOM或其他...
jQuery判断浏览器并动态调整select宽度的方法
11-23
示例代码中还包含了一些注释，解释了在特定DOCTYPE下，`<select>`元素的宽度可能与具有相同样式宽度的`<input type="text">`或`<textarea>`元素不一致。这个方法旨在解决这种不一致性，确保所有浏览器下`<select>`...
JS在TextArea光标位置插入文字并实现移动光标到文字末尾
10-27
`selectionStart`和`selectionEnd`是现代浏览器（Firefox，Chrome，Safari，Opera）中`<textarea>`和`<input>`元素所支持的属性，它们分别表示选区的起始位置和结束位置。这两个属性可以帮助我们获取或设置用户在...
jquery empty()方法在IE下报错
鹜然回首的空间
06-29 2582
<br />在开发中需要绑定数据。当进行搜索时，要把绑定数据区域内的节点（元素）都清除掉。此时，我使用<br />$("#listbody").empty();<br />在FF下完全没问题，可是在IE下就杯具了。抛出异常导致数据不能正确显示。<br />因此提供解决方案<br />try { $("#" + store.templateObj).empty() } catch (e) { $("#" + store.templateObj)[0].innerH
IE10、Mozilla Firefox、Google Chrome等 KindEditor无法获取textarea的值
netuser1937的博客
02-08 883
IE10、Mozilla Firefox、Google Chrome等 KindEditor无法获取textarea的值
IE浏览器 对 jquery版本的兼容性 支持
热门推荐
草巾冒小子的博客
03-24 2万+
IE浏览器存在多种兼容问题 掌握技巧，不再害怕 IE浏览器 对 jquery版本的兼容性 注意： ie9 / ie8 / ie7 …版本的IE浏览器，不兼容jquery中的部分属性方法； 以 jquery.1.7.2版本为例： 问题描述，示图如下： 代码块简略，示图如下： html文件，部分代码如下： ...部分省略... &amp;lt;script src='js/j...
解决easyui textarea 值不显示及获取textarea的值
l_degege的专栏
05-20 2474
一、textarea没有value属性 应这样写 <textarea rows="6" cols="" name="submit_evidence" id="submit_evidence" style="width: 70%" >${m.submit_evidence!} </textarea> 注：https://blog.csdn.net/AlbertFl...
textArea标签没有value属性，，，以及jquery如何获取textarea文本域的值
飞雪的博客
04-13 2万+
jQuery的.val()方法是专门用来获取表单元素值的，而textarea也属于表单元素所以可以直接用.val()方法获取。 不过要注意，由于textarea是个双标记因此.text()或.html()方法也可以获取到其中的信息，但建议不要这样获取，因为.val()是专用于获取值的方法，比.text()或.html()更可靠。 看下面的例子: 1
jquery无法获取到textarea中的值详解
weixin_44575373的博客
04-13 2034
问题描述： 今天在springboot中jquery读取前端的值通过jquery打包为json传入后端，发现其中textarea区域中的内容无法获取 解决办法： 首先看你的textarea中是否有 name属性和id属性 之后在对应的js文件中看看你的获取是否是.val()而不是.text() 验证 之后就可以刷新网页打开谷歌控制台，发现原来没有的Description出现了 ...
chrome textarea 问题
ShrV的专栏
11-26 518
点击input时,textarea的count值每次加1.可是手动改变textarea的值时,再点击input按钮.则页面不再变化.而通过开发者工具,则可以看到值的变化. New Document <!-- window.onload = function(){ var text = document.getElementById("text"
jquery获取textareat内容
最新发布
06-28
可以使用以下代码获取textarea的内容： ...其中，`$("textarea")`表示选取所有的textarea元素，`.val()`表示获取其值。如果你想获取特定的textarea元素的内容，可以使用其id或class等选择器来选取。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值