快捷導(dǎo)航

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

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

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

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