1、針對input、textarea ...

1、針對input、textarea 2、針對div(contenteditable="true") ...

在Vue做項目時,做了一個div[contenteditable=true]的組件作為文本輸入框 在非手動輸入值后,光標會丟失,經測試以下這段代碼可用,直接將光標定位到最后 在實際使用時,vue.$emit是一個異步函數,最好在調用這個定位前加上一定的延遲,經測試,5ms就可以 ...

可編輯DIV光標定位 為何需要光標定位 當一個DIV標簽添加contenteditable=“true” 的屬性值的時候，就會將該標簽變成一個可編輯的輸入框，如果僅是輸入文字，完全可以滿足需求，但是當我們要插入一張圖片的時候（如表情），那么這時候我們將無法知道我們將表情圖片插入到哪個位置中 ...

這樣光標在此頁面的時候就可以定位到input標簽上。 環境：要引入vux，腳手架的環境才能復制看到效果，所以看方法就好了。 用refs的時候如果是普通DOM元素就是指向DOM元素 console.log(1111111111,this.$refs.input1 ...

最近做了一個可以回復留言的頁面，主要包括：@、表情功能，一開始使用的是文本域textarea，最后發現這樣無法顯示表情，后來改成可編輯div，在div中添加contenteditable="true"，則該div即可編輯。 在選擇表情或者選擇@某人后，會經常遇到選擇后可編輯div中 ...

function set_focus(el) { el = el[0]; // jquery 對象轉dom對象 el.focus(); if ($.browser.msie) { ...