转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文
解释一段在光标位置插入字符的js代码         ★★★★

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

作者:闵涛 文章来源:闵涛的学习笔记 点击数:1010 更新时间:2009/4/23 11:27:40
这篇小文本来应该在昨天发的,但是由于我昨天敲错了一个键(就是IBM笔记本键盘上的前进后退),导致文章丢失...今天就简写了。
网络上有许多能在光标位置插入字符的js代码,比较啰嗦,不适合讲解。
我写了一段简单的代码,解释一下:




<FORM> 
<TEXTAREA NAME="a" ONSELECT="this.pos=document.selection.createRange();" onCLICK="this.pos=document.selection.createRange();" onKEYUP="this.pos=document.selection.createRange();">1234567</TEXTAREA>
<INPUT TYPE="button" VALUE="插!" onCLICK="try{this.form.a.pos.text='插!';}catch(e){}"> 
</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...


没有相关教程
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台