JQuery在光標(biāo)位置插入內(nèi)容的實現(xiàn)代碼
更新時間:2010年06月18日 22:35:49 作者:
IE下可以通過 document.selectIOn.createRange ();來實現(xiàn),而Firefox(火狐)瀏覽器則 需要首先獲取光標(biāo)位置,然后對value進(jìn)行字符串截取處理
復(fù)制代碼 代碼如下:
(function($){
$.fn.extend({
insertAtCaret: function(myValue){
var $t=$(this)[0];
if (document.selection) {
this.focus();
sel = document.selection.createRange();
sel.text = myValue;
this.focus();
}
else
if ($t.selectionStart || $t.selectionStart == '0') {
var startPos = $t.selectionStart;
var endPos = $t.selectionEnd;
var scrollTop = $t.scrollTop;
$t.value = $t.value.substring(0, startPos) + myValue + $t.value.substring(endPos, $t.value.length);
this.focus();
$t.selectionStart = startPos + myValue.length;
$t.selectionEnd = startPos + myValue.length;
$t.scrollTop = scrollTop;
}
else {
this.value += myValue;
this.focus();
}
}
})
})(jQuery);
使用方法:
復(fù)制代碼 代碼如下:
$(selector).insertAtCaret("value");
您可能感興趣的文章:
- jquery實現(xiàn)在光標(biāo)位置插入內(nèi)容的方法
- 基于jQuery的輸入框在光標(biāo)位置插入內(nèi)容, 并選中
- jQuery 在光標(biāo)定位的地方插入文字的插件
- jQuery:節(jié)點(插入,復(fù)制,替換,刪除)操作
- 關(guān)于用Jquery的height()、width()計算動態(tài)插入的IMG標(biāo)簽的寬高的問題
- JQuery插入DOM節(jié)點的方法
- jQuery實現(xiàn)在最后一個元素之前插入新元素的方法
- jquery插入兄弟節(jié)點的操作方法
- jQuery往textarea中光標(biāo)所在位置插入文本的方法
- jQuery?在圖片和文字中插入內(nèi)容實例
相關(guān)文章
jQuery使用unlock.js插件實現(xiàn)滑動解鎖
unlock.js插件具有滑動解鎖,尺寸、顏色、字體大小等都可以個性化定制等特點,接下來通過本文給大家分享jQuery使用unlock.js插件實現(xiàn)滑動解鎖思路講解,感興趣的朋友一起看看吧2017-04-04jquery+php隨機(jī)生成紅包金額數(shù)量代碼分享
這篇文章主要介紹了jquery+php隨機(jī)生成紅包金額數(shù)量實現(xiàn)代碼,紅包數(shù)量與金錢可以自己設(shè)定,很實用的代碼,推薦給大家,有需要的小伙伴可以參考下。2015-08-08jQuery實現(xiàn)form表單reset按鈕重置清空表單功能
有時候可能需要實現(xiàn)這樣的效果:使用ajax提交表單,成功提交表單之后清空表單,這種功能大家可能都希望實現(xiàn)吧,接下來為您詳細(xì)介紹,需要了解的朋友參考下2012-12-12jQuery實現(xiàn)背景彈性滾動的導(dǎo)航效果
這篇文章主要介紹了jQuery實現(xiàn)背景彈性滾動導(dǎo)航效果的方法,涉及jQuery動態(tài)操作頁面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-06-06省市區(qū)三級聯(lián)動jquery實現(xiàn)代碼
這篇文章主要為大家詳細(xì)紹了省市區(qū)三級聯(lián)動jquery實現(xiàn)代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-10-10