zoukankan      html  css  js  c++  java
  • 我又寫了一個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>


  • 相关阅读:
    为什么要用MarkDown?
    Android Studio: Application Installation Failed
    git查看某个文件修改历史
    有些事现在不做,一辈子都不会做了
    onMouseOver&onMouseOut vs onMouseEnter&onMouseLeave
    versionCode & versionName
    display:none vs visibility:hidden
    polyfill
    combineReducers
    React Context
  • 原文地址:https://www.cnblogs.com/see7di/p/2239800.html
Copyright © 2011-2022 走看看