原理很簡單,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 插入影...