• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

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

javascript 搞代码 7年前 (2018-06-13) 120次浏览 已收录 0个评论

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



<FORM> 
<TEXTAREA NAME=”a” ONSELECT=”this.pos=document.selection.createRange();”  onKEYUP=”this.pos=document.selection.createRange();”>1234567</TEXTAREA>
<INPUT TYPE=”button” VALUE=”插!” > 
</FORM>

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

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

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

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

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


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

欢迎大家阅读《解释一段在光标位置插入字符的js代码_js》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:解释一段在光标位置插入字符的js代码_js

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址