国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

首頁 > web前端 > js教程 > 正文

jQuery 在光標定位的地方插入文字的插件_jquery

php中文網
發(fā)布: 2016-05-16 17:53:56
原創(chuàng)
1539人瀏覽過

核心代碼:

復制代碼 代碼如下:

(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://www.jb51.net/jiaoben/44153.html
最佳 Windows 性能的頂級免費優(yōu)化軟件
最佳 Windows 性能的頂級免費優(yōu)化軟件

每個人都需要一臺速度更快、更穩(wěn)定的 PC。隨著時間的推移,垃圾文件、舊注冊表數據和不必要的后臺進程會占用資源并降低性能。幸運的是,許多工具可以讓 Windows 保持平穩(wěn)運行。

下載
來源:php中文網
本文內容由網友自發(fā)貢獻,版權歸原作者所有,本站不承擔相應法律責任。如您發(fā)現(xiàn)有涉嫌抄襲侵權的內容,請聯(lián)系admin@php.cn
最新問題
開源免費商場系統(tǒng)廣告
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關于我們 免責申明 意見反饋 講師合作 廣告合作 最新更新
php中文網:公益在線php培訓,幫助PHP學習者快速成長!
關注服務號 技術交流群
PHP中文網訂閱號
每天精選資源文章推送
PHP中文網APP
隨時隨地碎片化學習
PHP中文網抖音號
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://www.miracleart.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號