JQuery在光標位置插入內(nèi)容的實現(xiàn)代碼

更新時間：2010年06月18日 22:35:49 作者：

IE下可以通過 document.selectIOn.createRange ();來實現(xiàn)，而Firefox（火狐）瀏覽器則需要首先獲取光標位置，然后對value進行字符串截取處理

 
(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");

您可能感興趣的文章:

相關(guān)文章

jQuery控制元素隱藏和顯示
本篇文章主要介紹了jQuery控制元素隱藏和顯示的相關(guān)知識，具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03
jQuery制作效果超棒的手風(fēng)琴折疊菜單
這篇文章主要介紹了jQuery制作效果超棒的手風(fēng)琴折疊菜單的效果，這里推薦給大家，有需要的小伙伴可以參考下
2015-04-04
使用jQuery實現(xiàn)的網(wǎng)頁版的個人簡歷(可換膚)
點擊姓名會顯示她的基本詳細信息，點擊切換皮膚，會更改皮膚和字體大小感興趣的朋友可以參考下本文如何使用jQuery實現(xiàn)的網(wǎng)頁版的個人簡歷
2013-04-04
jQuery使用children()找到特定元素的子元素
children()是jQuery中的內(nèi)置方法,用于查找與所選元素相關(guān)的所有子元素,?jQuery中的children()方法向下遍歷到所選元素的單個級別并返回所有元素,我們還可以在children()的參數(shù)中添加過濾器、使用children()來定位特定的子元素以及使用each()方法來迭代子元素等
2023-11-11
jQuery判斷當(dāng)前點擊的是第幾個li的代碼
jQuery中如何判斷當(dāng)前點擊的是第幾個li，使用$(this).index()取得li的下標，下面的示例，大家可以看看
2014-09-09
jQuery使用serialize()表單序列化時出現(xiàn)中文亂碼問題的解決辦法
列化中文時出現(xiàn)中文亂碼問題，怎么回事呢？下面給大家介紹下jQuery使用serialize()序列化表單時出現(xiàn)中文亂碼問題的解決辦法，有需要的朋友參考下
2016-07-07
用jQuery做更好的組件通用組件定義模式
當(dāng)完成一個個交互的組件之后，為了更好組織代碼，漸漸的逼近了一個合理的模式，并且也從jQueryUI里面發(fā)現(xiàn)了這個模式。
2010-12-12
jQuery實現(xiàn)360°全景拖動展示
360全景就是視角超過人的正常視角的圖像，而我們這里說的全景特指水平視角360度，垂直視角180度的圖像?？梢匀翱臻g里進行切換，達到瀏覽各個不同場景360全景展示的目的。
2015-03-03
jquery插件bootstrapValidator表單驗證詳解
這篇文章主要為大家詳細介紹了jquery插件bootstrapValidator表單驗證，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
jQuery實現(xiàn)頁面內(nèi)錨點平滑跳轉(zhuǎn)特效的方法總結(jié)
通過jQuery實現(xiàn)頁面內(nèi)錨點平滑跳轉(zhuǎn)的方法很多，可以通過插件hovertreescroll實現(xiàn)，也可以簡單的通過animate方法實現(xiàn)，下面介紹這2種比較簡單的方法。
2015-05-05