input獲取游標位置插入元素

inserttext(inserttxt) {

// 獲取el-input中的input元素

let elinput = this.$refs.targetin.$el.firstelementchild;

// 獲取el-input的值

let txt = elinput.value;

// 做插入前做長度校驗（如果有這個需要的話）

if (txt.length + value.length > 64) {

return;

// 獲取選區開始位置

let startpos = elinput.selectionstart;

// 獲取選區結束位置

let endpos = elinput.selectionend;

if (startpos === undefined || endpos === undefined) return;

// 將文字插入游標位置

this.subject = txt.substring(0, startpos) + inserttxt + txt.substring(endpos);

// 將游標移至文字末尾

elinput.focus();

elinput.selectionstart = startpos + inserttxt.length;

elinput.selectionend = startpos + inserttxt.length;

游標位置插入元素

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

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

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

獲取游標的位置

獲取控制項的焦點方法為 getforce 一 實現方法 主要在wm mousemove訊息內部實現座標的獲取 使用函式 getcursorpos p 二 測試 void cgetpointdlg onmousemove uint nflags,cpoint point 應該在wm setcursor...