jQuery 在光標定位的地方插入文字的插件
更新時間：2012年05月10日 22:14:56 作者：
jQuery 在光標定位的地方插入文字的插件的實現代碼，通過獲取光標位置，然后插入文字
核心代碼:
(function($){
$.fn.extend({
"insert":function(value){
//默認參數
value=$.extend({
"text":"123"
},value);
var dthis = $(this)[0]; //將jQuery對象轉換為DOM元素
//IE下
if(document.selection){
$(dthis).focus(); //輸入元素textara獲取焦點
var fus = document.selection.createRange();//獲取光標位置
fus.text = value.text; //在光標位置插入值
$(dthis).focus(); ///輸入元素textara獲取焦點
}
//火狐下標準
else if(dthis.selectionStart || dthis.selectionStart == '0'){
var start = dthis.selectionStart; //獲取焦點前坐標
var end =dthis.selectionEnd; //獲取焦點后坐標
//以下這句，應該是在焦點之前，和焦點之后的位置，中間插入我們傳入的值 .然后把這個得到的新值，賦給文本框
dthis.value = dthis.value.substring(0, start) + value.text + dthis.value.substring(end, dthis.value.length); }
//在輸入元素textara沒有定位光標的情況
else{
this.value += value.text; this.focus();
};
return $(this);
}
})
})(jQuery)
主要思路：
當點擊某個元素的時候，讓一個輸入框，插入指定的值。？
1.當點擊某個元素的時候，應該讓輸入框獲取焦點，因為只有獲得了焦點，才能在里面輸入值；
IE下：document.selection.createRange()
FF下：var start = dthis.selectionStart; //獲取焦點前坐標
var end =dthis.selectionEnd; //獲取焦點后坐標
2.獲取當前輸入框焦點的位置
3.將值插入到輸入框焦點的位置;
4.再次獲取焦點；保證光標在輸入框內
在線演示： http://demo.jb51.net/js/2012/myfocustext/
打包下載： http://m.fzitv.net/jiaoben/44153.html
復制代碼 代碼如下:
(function($){
$.fn.extend({
"insert":function(value){
//默認參數
value=$.extend({
"text":"123"
},value);
var dthis = $(this)[0]; //將jQuery對象轉換為DOM元素
//IE下
if(document.selection){
$(dthis).focus(); //輸入元素textara獲取焦點
var fus = document.selection.createRange();//獲取光標位置
fus.text = value.text; //在光標位置插入值
$(dthis).focus(); ///輸入元素textara獲取焦點
}
//火狐下標準
else if(dthis.selectionStart || dthis.selectionStart == '0'){
var start = dthis.selectionStart; //獲取焦點前坐標
var end =dthis.selectionEnd; //獲取焦點后坐標
//以下這句，應該是在焦點之前，和焦點之后的位置，中間插入我們傳入的值 .然后把這個得到的新值，賦給文本框
dthis.value = dthis.value.substring(0, start) + value.text + dthis.value.substring(end, dthis.value.length); }
//在輸入元素textara沒有定位光標的情況
else{
this.value += value.text; this.focus();
};
return $(this);
}
})
})(jQuery)
主要思路：
當點擊某個元素的時候，讓一個輸入框，插入指定的值。？
1.當點擊某個元素的時候，應該讓輸入框獲取焦點，因為只有獲得了焦點，才能在里面輸入值；
IE下：document.selection.createRange()
FF下：var start = dthis.selectionStart; //獲取焦點前坐標
var end =dthis.selectionEnd; //獲取焦點后坐標
2.獲取當前輸入框焦點的位置
3.將值插入到輸入框焦點的位置;
4.再次獲取焦點；保證光標在輸入框內
在線演示： http://demo.jb51.net/js/2012/myfocustext/
打包下載： http://m.fzitv.net/jiaoben/44153.html
相關文章
jQuery為我們提供了方便的事件注冊機制，它的優(yōu)點，操作簡單，且不用擔心事件覆蓋等問題。缺點，普通的事件注冊不能做事件委托，且無法實現事件解綁，需要借助其他方法2022-07-07
這篇文章主要介紹了基于JQuery實現滾動到頁面底端時自動加載更多信息，類似微博，新浪新聞的評論等，都采用了這方法,需要的朋友可以參考下2014-01-01
本文將為大家收集10個超贊的jQuery圖片滑塊動畫,都是小編精挑細選而來，希望這些現成的jQuery插件將為你節(jié)省很多開發(fā)時間。2016-01-01
juqery 學習之三 選擇器 可見性 元素屬性，需要的朋友可以參考下。2010-11-11
在選擇器的API學習中，走馬觀花的把選擇器過了一遍，但是選擇歸選擇，選擇出來了沒干什么事，也沒有什么用嘛2010-04-04
這篇文章主要介紹了jQuery如何設置背景顏色，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
這篇文章主要介紹了JQuery頁面地址處理插件jqURL詳解的相關資料,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了jQuery實現的簡單分頁,涉及jQuery數學運算與頁面元素操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
下面小編就為大家?guī)硪黄猨query 中toggle的2種用法詳解(推薦)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
據jQuery官方博客5月3日的最新消息，jQuery 1.6 正式版已經可以下載使用。jQuery 1.6 版本包括了對屬性(Attribute)模型的重要重寫，還有諸多性能優(yōu)化。借此機會感謝jQuery開發(fā)團隊和jQuery錯誤分類團隊的成員。2011-05-05