找回密码
 注册
搜索
热搜: 回贴

解释一段在光标位置插入字符的js代码

2009-12-16 02:26| 发布者: admin| 查看: 29| 评论: 0|原作者: 潇潇雨

这篇小文本来应该在昨天发的,但是由于我昨天敲错了一个键(就是IBM笔记本键盘上的前进后退),导致文章丢失...今天就简写了。
网络上有许多能在光标位置插入字符的js代码,比较啰嗦,不适合讲解。
我写了一段简单的代码,解释一下:


1234567









总体思路:在用户选择(ONSELECT),单击(onCLICK),击键(onKEYUP)时存储选区对象,然后替换选区中内容。
也可以用(onfocus,onchange).

这里用了一个巧妙的办法绕过了我们通常的思路“光标的位置”,取而代之的是“选取的对象”。

当你选取123的时候,123这个选区对象就会进入我们自定义的pos变量中,选区的text属性是123,你插入(onCLICK)的时候,就把这个属性替换成你的内容了。

当你仅仅单击一下,选区text属性的长度是0,但是选区对象仍然存在,因此,你插入(onCLICK)的时候就把这个长度为0的text属性,替换成了你要插入的文本。看上去就像是在光标位置插入了一样。

这是目前偶能想到的最简单的办法。




考完试了,其实应该很放松的,但仍然感觉很压抑,很压抑。中午在外面吃了一个烧茄子一碗羊杂半瓶啤酒(因为太凉了),晚上就吃中午剩的茄子了,一会炒个鸡蛋,刚闷了米饭。下午帮Chris电话解决了讨厌的STD software这个垃圾插件(IE就是垃圾)。晚上要帮妈完成排版任务。word排版真不是很好用,尤其是几十万字。想心理调整两天再弄XNA...家里又我剩我一个人了,一会儿吃过饭决定去买断臂山看看。李安的片子我一直比较崇尚。希望心情能好些。bless myself...

最新评论

QQ|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )

GMT+8, 2024-9-30 19:39 , Processed in 0.173446 second(s), 12 queries , Gzip On, MemCache On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

返回顶部