JQuery在游標位置插入內容

2022-03-20 21:56:09 字數 342 閱讀 8440

原理很簡單,ie下可以通過document.selection.createrange();來實現,而firefox(火狐)瀏覽器則需要首先獲取游標位置,然後對value進行字串擷取處理。不多說了~直接上我寫的乙個jquery在游標位置插入內容外掛程式吧~

query在游標位置插入內容外掛程式**

(function($)

else 

if ($t.selectionstart || $t.selectionstart == '0')

else

}}) 

})(jquery);

用方法$(selector).insertatcaret("value");

可編輯div在游標位置插入指定內容

在游標位置插入內容 insertcontent content let sel null if document.selection else 需注意 在谷歌瀏覽器下測試發現 document.execcommand inserhtml false 當使用這種方式插入html內容時,p標籤不見了,只...

游標位置插入元素

按下alt enter鍵盤在游標位置插入 元素實現換行效果.測試環境 chrome,firefox和ie11 ie11 版本沒有測試 1 contenteditable true 的元素 div.bind keydown function e e.preventdefault 阻止瀏覽器的預設行為 ...

使用選擇器在頁面中插入內容

這裡主要介紹利用before選擇器和after選擇器在頁面中插入內容的方法。1 插入文字 h2 before style 如果要對頁面中個別的h2 標籤前面不新增內容,只需給不需要新增內容的標籤設定樣式,然後設定content none 如下 h2.sample before style 2 插入影...