使用JS在textarea在光标处插入内容

来源:未知 责任编辑:责任编辑 发表时间:2014-05-10 12:24 点击:
01
// 在光标处插入字符串
02
    // myField    文本框对象
03
    // myValue 要插入的值
04
    function insertAtCursor(myField, myValue)
05
    {
06
        //IE support
07
        if (document.selection)
08
        {
09
            myField.focus();
10
            sel            = document.selection.createRange();
11
            sel.text    = myValue;
12
            sel.select();
13
        }
14
        //MOZILLA/NETSCAPE support
15
        else if (myField.selectionStart || myField.selectionStart == '0')
16
        {
17
            var startPos    = myField.selectionStart;
18
            var endPos        = myField.selectionEnd;
19
            // save scrollTop before insert
20
            var restoreTop    = myField.scrollTop;
21
            myField.value    = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos, myField.value.length);
22
            if (restoreTop > 0)
23
            {
24
                // restore previous scrollTop
25
                myField.scrollTop = restoreTop;
26
            }
27
            myField.focus();
28
            myField.selectionStart    = startPos + myValue.length;
29
            myField.selectionEnd    = startPos + myValue.length;
30
        } else {
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • Gb2312转utf-8编码的方法(vbs+js)
  • 如何使用Ajax技术开发Web应用程序(1)
  • js跳转路径问题
  • JavaScript模仿桌面窗口
  • 用js检测两个线段是否相交
  • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
  • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
  • 我是如何去了解jquery的(六),案例之幻灯片轮换
  • Jquery封装幻灯片效果
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1