游標位置插入元素

2021-07-23 14:45:13 字數 661 閱讀 1106

按下alt+enter鍵盤在游標位置插入"

"元素實現換行效果.

測試環境:chrome,firefox和ie11(ie11-版本沒有測試)

1:contenteditable="true"的元素

div.bind("keydown",{},function(e)

e.preventdefault();//阻止瀏覽器的預設行為 ie的alt+enter 是彈出資訊框或全屏

}});

用contenteditable這個屬性實現可編輯需要加上以下** ,讓可編輯元素的游標在最後

var sel = window.getselection();

var range = document.createrange();

range.selectnodecontents(input[0]);

range.collapse(false);

sel.removeallranges();

sel.addrange(range);

2:textare元素

textareaobj.bind("keydown",{},function(e)

});

input獲取游標位置插入元素

inserttext inserttxt 獲取el input中的input元素 let elinput this.refs.targetin.el.firstelementchild 獲取el input的值 let txt elinput.value 做插入前做長度校驗 如果有這個需要的話 if...

js獲取指定元素的游標位置,並在游標位置後增加值

html js var mouseplace getcursortposition document.getelementsbyclassname showoptions content 0 獲取游標的位置insertspan showoptions content mouseplace,測試資料 ...

JQuery在游標位置插入內容

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