Sealyu
--- 博客已迁移至:
http://www.sealyu.com/blog
BlogJava
::
首页
::
新随笔
::
联系
::
聚合
::
管理
::
618 随笔 :: 87 文章 :: 225 评论 :: 0 Trackbacks
<
2010年6月
>
日
一
二
三
四
五
六
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
常用链接
我的随笔
我的评论
我的参与
最新评论
留言簿
(14)
给我留言
查看公开留言
查看私人留言
随笔分类
Apple(11)
(rss)
CSS(48)
(rss)
Eclipse SWT/JFace RCP(11)
(rss)
EJB(9)
(rss)
EXTJS(11)
(rss)
Flex+ActionScript(40)
(rss)
Groovy & Grails(2)
(rss)
GWT(8)
(rss)
Hibernate(18)
(rss)
iPhone(51)
(rss)
Javascript(23)
(rss)
Java基础(36)
(rss)
JQuery(13)
(rss)
Linux(54)
(rss)
Maven(14)
(rss)
PHP(15)
(rss)
Python(34)
(rss)
Seam(46)
(rss)
SEO(6)
(rss)
Spring(24)
(rss)
Struts(6)
(rss)
web(50)
(rss)
web服务器(27)
(rss)
中医(11)
(rss)
单元测试(1)
(rss)
娱乐(19)
(rss)
数据库(23)
(rss)
版本控制(6)
(rss)
系统架构(11)
(rss)
综合(38)
(rss)
英语(31)
(rss)
设计模式(12)
(rss)
读书(15)
(rss)
项目管理(9)
(rss)
随笔档案
2011年1月 (3)
2010年12月 (9)
2010年11月 (20)
2010年10月 (21)
2010年9月 (26)
2010年8月 (28)
2010年7月 (6)
2010年6月 (12)
2010年5月 (22)
2010年4月 (21)
2010年3月 (17)
2010年2月 (16)
2010年1月 (37)
2009年12月 (46)
2009年11月 (21)
2009年10月 (21)
2009年9月 (38)
2009年8月 (14)
2009年7月 (10)
2009年6月 (3)
2009年5月 (19)
2009年4月 (25)
2009年3月 (29)
2009年2月 (15)
2009年1月 (12)
2008年12月 (16)
2008年11月 (41)
2008年10月 (1)
2008年9月 (9)
2008年8月 (14)
2008年7月 (40)
2008年6月 (9)
2008年5月 (3)
2008年4月 (75)
友情链接
androider的博客
Andy Yao
Eric Zhou的博客
Liu Huifang's Blog
Sealyu's Blog
Sealyu's Home
继栋的博客
阿谢的Blog
搜索
积分与排名
积分 - 1024716
排名 - 31
最新评论
1. re: 慎用java.util.Collections.copy()方法[未登录]
楼主误认。。二楼正解
是Arrays.asList()....不是Array.asList()
--yf
2. re: django form的widgets类型列表
额请问请问其味无穷而且
--企鹅
3. re: Django和Ajax教程(转)
good!
--~
4. re: JSF Validator(转)
adsfasdfasdfadsfsdfadsf
--asdfdsdfsadfasdfasdfsdf
5. re: IE下div使用margin:0px auto不居中的原因
用到了,谢谢~~
--游客
阅读排行榜
1. CSS水平居中和垂直居中解决方案(转)(85870)
2. 超强1000个jquery极品插件!(转)(48106)
3. 信用卡卡号列表(用于测试)(38618)
4. 四大咨询公司 VS 四大会计师事务所(20855)
5. IE下div使用margin:0px auto不居中的原因(19264)
评论排行榜
1. 2009 年度最佳 jQuery 插件(转)(19)
2. 超强1000个jquery极品插件!(转)(15)
3. IE屏蔽window.open()窗口的解决办法(13)
4. iphone版本的九宫格日记已经上线发售了!(12)
5. 信用卡卡号列表(用于测试)(11)
js获取光标位置(转)
/**
* 获取光标所在的字符位置
* @param obj 要处理的控件, 支持文本域和输入框
* @author hotleave
*/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <title>js获取光标位置</title> <script type="text/javascript"> /** * 获取光标所在的字符位置 * @param obj 要处理的控件, 支持文本域和输入框 * @author hotleave */ function getPosition(obj){ //alert(obj.tagName); var result = 0; if(obj.selectionStart){ //非IE浏览器 result = obj.selectionStart }else{ //IE var rng; if(obj.tagName == "TEXTAREA"){ //如果是文本域 rng = event.srcElement.createTextRange(); rng.moveToPoint(event.x,event.y); }else{ //输入框 rng = document.selection.createRange(); } rng.moveStart("character",-event.srcElement.value.length); result = rng.text.length; } return result; } function getValue(obj){ var pos = getPosition(obj); //alert(pos); alert(obj.value.substr(0,pos)+" [这里是添加的内容] "+obj.value.substr(pos,obj.value.length)); } </script> </head> <body> <input type="text" value="你好,Amethyst!" onmouseup="getValue(this)" style="display:block"> <textarea rows="6" cols="60" onmouseup="getValue(this)">Amethyst, 你好.</textarea> </body> </html>
复制代码
另存代码
提示:您 可以先修改部分代码再运行
<html> <head> <title>js获取光标位置</title> <style> body,td{ font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; } </style> <script type="text/javascript"> var start=0; var end=0; function add(){ var textBox = document.getElementById("ta"); var pre = textBox.value.substr(0, start); var post = textBox.value.substr(end); textBox.value = pre + document.getElementById("inputtext").value + post; } function savePos(textBox){ //如果是Firefox(1.5)的话,方法很简单 if(typeof(textBox.selectionStart) == "number"){ start = textBox.selectionStart; end = textBox.selectionEnd; } //下面是IE(6.0)的方法,麻烦得很,还要计算上'"n' else if(document.selection){ var range = document.selection.createRange(); if(range.parentElement().id == textBox.id){ // create a selection of the whole textarea var range_all = document.body.createTextRange(); range_all.moveToElementText(textBox); //两个range,一个是已经选择的text(range),一个是整个textarea(range_all) //range_all.compareEndPoints()比较两个端点,如果range_all比range更往左(further to the left),则 //返回小于0的值,则range_all往右移一点,直到两个range的start相同。 // calculate selection start point by moving beginning of range_all to beginning of range for (start=0; range_all.compareEndPoints("StartToStart", range) < 0; start++) range_all.moveStart('character', 1); // get number of line breaks from textarea start to selection start and add them to start // 计算一下"n for (var i = 0; i <= start; i ++){ if (textBox.value.charAt(i) == '"n') start++; } // create a selection of the whole textarea var range_all = document.body.createTextRange(); range_all.moveToElementText(textBox); // calculate selection end point by moving beginning of range_all to end of range for (end = 0; range_all.compareEndPoints('StartToEnd', range) < 0; end ++) range_all.moveStart('character', 1); // get number of line breaks from textarea start to selection end and add them to end for (var i = 0; i <= end; i ++){ if (textBox.value.charAt(i) == '"n') end ++; } } } document.getElementById("start").value = start; document.getElementById("end").value = end; } </script> </head> <body> <form action="a.cgi"> <table border="1" cellspacing="0" cellpadding="0"> <tr> <td>start: <input type="text" id="start" size="3"/></td> <td>end: <input type="text" id="end" size="3"/></td> </tr> <tr> <td colspan="2"> <textarea id="ta" onKeydown="savePos(this)" onKeyup="this.value=this.value.replace(/[",]/g,',');savePos(this);" onmousedown="savePos(this)" onmouseup="savePos(this)" onfocus="savePos(this)" rows="14" cols="50"></textarea> </td> </tr> <tr> <td><input type="text" id="inputtext" /></td> <td><input type="button" onClick="add()" value="Add Text"/></td> </tr> </table> </form> </body> </html>
复制代码
另存代码
提示:您 可以先修改部分代码再运行
posted on 2010-06-22 23:17
seal
阅读(4827)
评论(0)
编辑
收藏
所属分类:
Javascript
新用户注册
刷新评论列表
只有注册用户
登录
后才能发表评论。
网站导航:
博客园
IT新闻
知识库
C++博客
博问
相关文章:
js获取光标位置(转)
FCKeditor: Resolve “FCKeditorAPI is not defined” issue
IE和Safari中重命名html元素需要注意的问题
prototype.js 的 Ajax.updater 的 用法(转)
Detecting Internet Explorer More Effectively
Using the navigator object to detect client's browser
IE 和 Firefox中取得createRange()的起点和终点的值
Setting the name attribute in IE's DOM
Inserting at the cursor using JavaScript
15个使用jQuery实现图片幻灯片效果的JS源码(转)
Powered by:
BlogJava
Copyright © seal