• 我又寫了一個Jquery的插件在光標位置插入或替換選中的內容(兼容各瀏覽器)


    這是我在IE和Firefox下的演示效果:



    不是我想再制造轮子,而是因为从网上找的几个函数都有问题,不是ie插入不正常就是firexfox不能达到预期效果,我怀疑这些程序员七拼八凑出代码来之后根本就没经过测试,所以我只好自己再重写了.
    首先你要下載並調用jquery,這個你可以去jquery.com下載,然後引入以下的代碼即可:

    如果要轉載本文請注明出處,免的出現版權紛爭,我不喜歡看到那種轉載了我的作品卻不注明出處的人QQ9256114

    (function($){
        $.fn.insert=function(_m){
            var _o=$(this).get(0);
            if($.browser.msie){
                _o.focus();sel=document.selection.createRange();sel.text=_m;sel.select();
            }else if(_o.selectionStart || _o.selectionStart == '0'){
                var startPos=_o.selectionStart;var endPos=_o.selectionEnd;var restoreTop=_o.scrollTop;
                _o.value=_o.value.substring(0, startPos) + _m + _o.value.substring(endPos,_o.value.length);
                if (restoreTop>0){_o.scrollTop=restoreTop;}
                _o.focus();_o.selectionStart=startPos+_m.length;_o.selectionEnd=startPos+_m.length;
            }
        }
    })(jQuery)


    用法很簡單:

    <input type='button' value='insert' onclick='$("#Content").insert("abc")'><br>
    <textarea id='Content' name='Content' rows='13' style='100%'>繼續測試1</textarea>


  • 相关阅读:
    字符串实现变量映射
    纯css实现无限嵌套菜单
    flex布局嵌套之高度自适应
    easy ui 零散技巧
    js高级应用
    前端利器
    css高级应用及问题记录(持续更新)
    兼容性验证方案
    原生js判断元素是否可见
    vue-cli webpack躺坑之旅
  • 原文地址:https://www.cnblogs.com/see7di/p/2239800.html
Copyright © 2020-2023  润新知