xiaoming2xiaohong
- 浏览: 40775 次
-
文章分类
- 全部博客 (28)
- java (28)
- 样式和主题 (1)
- 项目创建 (1)
- Java字节码（.class文件）格式详解（一） (1)
- 一次定时任务 (1)
- 数组最大连续子序列和 (1)
- jquery-ajax (1)
- ORACLE中一个字符占多少字节 (1)
- Java网络编程 (1)
- Melkman凸包算法的Java实现 (1)
- ios UITableViewCell 文字缩进 (1)
- Websphere6.1静默安装（转） (1)
- newInstance() 和 new 有什么区别？ (1)
- 项目管理规范 RUP管理实施中角色的划分 (1)
- 做了几天关于地理信息系统的软件测试工作 (1)
- 一边播放RM文件 一边播放相应的PPT文件 编程实现 (1)
- iPhone消息推送机制实现与探讨 (1)
- 详解C#中访问私有成员 (1)
- linux命令 (1)
- length & substr (1)
- javascript图片库 (1)
- remount failed: Operation not permitted (1)
- iBATIS报ORA-01745: 无效的主机/绑定变量名 异常 (1)
- Java NIO ByteBuffer (1)
- 【转】深入浅出Node.js 持续更新中 (1)
- gson (1)
- Jsp文件中播发视频文件 (1)
- pycetr: 从html文档中提取文档内容 (1)
- [jquery]IE与Chrome下text()方法获取textarea值不一致 (1)
最新评论
-
ygsilence：
factory是什么？
newInstance() 和 new 有什么区别？ -
Simon.C：
清了那些多余的HTML标签吧……
Java NIO ByteBuffer -
eagle59：
不错，！希望下次可以排好版。
newInstance() 和 new 有什么区别？ -
liudeh_009：
理解得不错
newInstance() 和 new 有什么区别？
[jquery]IE与Chrome下text()方法获取textarea值不一致
[size=small;]<br>[/size]
[size=small;][jquery]IE与Chrome下text()方法获取textarea值不一致[/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]
?
?
0
顶
顶
0
踩
踩
分享到：
发表评论
-
pycetr: 从html文档中提取文档内容
2012-02-07 13:39 934html文档中通常夹杂着各种广告，相关性链接等，提取正 ... -
Jsp文件中播发视频文件
2012-02-04 15:54 891详情请转至：↓ http://blog.sina.co ... -
gson
2012-02-04 13:09 3816最近的项目，接口传输格式用JSON，试用了一下goog ... -
【转】深入浅出Node.js 持续更新中
2012-02-03 14:09 1013深入浅出Node.js（一）：什么是Node.js h ... -
Java NIO ByteBuffer
2012-02-03 12:13 1521<span class="Apple- ... -
iBATIS报ORA-01745: 无效的主机/绑定变量名 异常
2012-02-01 10:09 5300今天发现发现线上报出一个异常： <br /> ... -
remount failed: Operation not permitted
2012-01-31 15:28 2078<span style="font-s ... -
javascript图片库
2012-01-11 13:58 757今天做了一个点击一个链接就在相应位置出现图片的DEMO ... -
length & substr
2011-12-21 13:08 837oracle中substr函数的用法 In ora ... -
linux命令
2011-12-21 12:19 943本章主要介绍Linux 的常用命令，其中主要有 文件 ... -
详解C#中访问私有成员
2011-12-20 11:29 818首先我必须承认访问一个类的私有成员不是什么好做法。大 ... -
iPhone消息推送机制实现与探讨
2011-12-20 10:24 1416最近两天在研究ios的消息推送机制。研究这个东西，还是 ... -
一边播放RM文件 一边播放相应的PPT文件 编程实现
2011-12-16 16:17 986应用情景：<br> 在制作网络课件的过程中 ... -
做了几天关于地理信息系统的软件测试工作
2011-12-15 16:59 969又忙活了几天。每天早早的就起床，到软件测试所在地，然后 ... -
项目管理规范 RUP管理实施中角色的划分
2011-12-15 09:39 752</span></font>& ... -
newInstance() 和 new 有什么区别？
2011-12-12 14:04 1536在初始化一个类， ... -
Websphere6.1静默安装（转）
2011-12-09 15:59 822<span style="color: ... -
ios UITableViewCell 文字缩进
2011-12-08 17:34 1189【前提】 UITableViewCell 原 ... -
Melkman凸包算法的Java实现
2011-12-08 10:51 5001坐标对象： ? public class Point{ ... -
Java网络编程
2011-12-07 16:31 837[img][/img]<ol> & ...
相关推荐
本文将介绍如何在IE、Firefox和Chrome中获取div编辑框、textarea和input text光标位置的方法，并提供相应的代码示例。 首先，了解不同浏览器对于光标位置获取的支持情况是必要的。例如，IE浏览器使用了document....
- 对于IE浏览器，我们使用`document.selection`和`createRange()`方法获取当前的选区，并设置选区的文本为`myValue`： ```javascript if (document.selection) { this.focus(); sel = document.selection....
本主题聚焦于一个特定的jQuery插件，该插件允许开发者在文本框（`<input type="text">`）和文本域（`<textarea>`）中于光标位置插入代码或内容。这对于编辑器、代码编辑器或任何需要动态插入文本的场景来说是非常...
- **兼容性广泛**：jQuery Uniform支持大部分主流浏览器，包括Firefox、Chrome、Safari、Opera以及IE7及以上版本。 - **易用性**：只需一行jQuery代码，即可快速应用到整个表单。 - **响应式设计**：尽管在描述中未...
支持input type为 text,textarea,checkbox,radio,select,password,hidden的草稿自动保存 hidden的特殊性，因为hidden要手动触发change事件，当值改变的时候要 手动代码 .change() 触发一下才会保存相应的草稿 要实现...
这个函数首先通过jQuery选择器`$("#test")`获取`textarea`的值，然后使用`replace`方法查找所有`\n`字符，并将其替换为` `标签。处理后的文本通过`alert`弹窗显示，实际应用中你可以根据需求将其插入到DOM或其他...
示例代码中还包含了一些注释，解释了在特定DOCTYPE下，`<select>`元素的宽度可能与具有相同样式宽度的`<input type="text">`或`<textarea>`元素不一致。这个方法旨在解决这种不一致性，确保所有浏览器下`<select>`...
`selectionStart`和`selectionEnd`是现代浏览器（Firefox，Chrome，Safari，Opera）中`<textarea>`和`<input>`元素所支持的属性，它们分别表示选区的起始位置和结束位置。这两个属性可以帮助我们获取或设置用户在...
// 未指定插入文本框时，自动寻找同表单中第一个 textarea 或 input[type=text] 元素 $ ( selector ) . click ( function ( event ) { $ ( this ) . sinaEmotion ( ) ; event . stopPropagation
- `flag1` 判断：如果按下的是 Backspace 键，并且触发源是文本输入框（`password`、`text` 或 `textarea`），同时该输入框处于只读状态或被禁用，则返回 `false` 以阻止事件的默认行为。 - `flag2` 判断：如果按...
而`.index(this)`方法用于获取当前元素在集合中的位置，从而可以计算出下一个元素的位置。 ### 知识点七：HTML结构与***控件 示例中使用了***的`<asp:TextBox>`控件来创建输入框。这些控件被嵌入到HTML中，JQuery...
如果用户使用的是IE6，那么绑定一个点击事件到按钮上，获取textarea中的文本，使用IE6特有的`window.clipboardData.setData("Text", code)`方法将内容复制到剪贴板，并显示一个提示框告知用户复制成功。 对于非IE6...
这可能是由于IE浏览器对DOM（文档对象模型）事件处理或焦点管理的实现方式与标准浏览器有所不同的原因。 为了解决这个问题，开发者可能需要深入理解以下几个关键知识点： 1. **事件处理**：在JavaScript中，事件...
- 当用户完成编辑并提交时，需要从KindEditor获取富文本内容，通常是通过JavaScript获取`textarea`的值。 - 将获取到的内容与表单的其他数据一起发送到服务器进行处理。 KindEditor的灵活性和易用性使其成为各种...
- IE7首先比较绝对定位元素与最近的相对定位祖先元素的`z-index`值。 **解决方案**： - 给相对定位的祖先元素设置较高的`z-index`值。 #### 八、百分比布局bug IE7在处理百分比布局时可能会出现计算精度问题。 ...
使用这个插件的方法非常简单，只需要调用JQuery选择器并调用`insertAtCaret`方法，传入要插入的值即可，如下所示： ```javascript $("#yourTextareaOrInput").insertAtCaret("valueToBeInserted"); ``` 这里的`#...
在上述代码中，通过`e.which`属性获取了按下的键的键码，然后将其与回车键的键码13进行比较。如果按键确实是回车键，则会执行后续的逻辑。 知识点3：阻止默认行为 在Web应用中，某些事件会有一个默认的浏览器行为。...
然而，Bootstrap 3 默认并不支持较老的浏览器，特别是像IE8这样的浏览器，因为它们不支持CSS3的一些关键特性。为了确保在这些旧版本的浏览器中也能正常工作，开发者需要采取一些额外的措施。 首先，要确保Bootstrap...