原文:可編輯div將光標定位到最后

最近做了一個可以回復留言的頁面,主要包括: 表情功能,一開始使用的是文本域textarea,最后發現這樣無法顯示表情,后來改成可編輯div,在div中添加contenteditable true ,則該div即可編輯。 在選擇表情或者選擇 某人后,會經常遇到選擇后可編輯div中的光標不見了,或者顯示的位置不對,於是在網上找了些方法,現在總結下: 調用此方法,可以將光標放在可編輯div的最后。 參考 ...

2016-05-23 14:20 4 5475 推薦指數:

查看詳情

可編輯DIV光標定位

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

Thu Oct 20 18:37:00 CST 2016 0 4188
[react ] TextArea 光標定位到最后

記錄: 使用React.createRef()方法(React 16.3+) ,創建一個ref, 使用一個變量存儲。然后把ref掛載在dom節點上,通過current拿到該實例 -- dom節點信 ...

Mon May 18 20:38:00 CST 2020 0 1200
contenteditable 光標定位到最后

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

Wed Mar 27 00:48:00 CST 2019 0 1790
C# textbox中光標定位到最后一行

使用如下語句即可 this.textBoxLog.Focus();//獲取焦點 this.textBoxLog.Select(this.textBoxLog.TextLength,0);//光標定位到文本最后 ...

Fri May 04 02:42:00 CST 2018 0 4723
Android EditText光標位置(定位到最后)

方法:edittext.setSelection(int); et.setText(content);//設置EditText控件的內容et.setSelection(content.length());//將光標移至文字末尾 (轉自:http://blog.csdn.net ...

Mon Sep 19 17:56:00 CST 2016 1 35712
android EditText光標位置(定位到最后)

方法:edittext.setSelection(int); et.setText(content);//設置EditText控件的內容et.setSelection(content.length());//將光標移至文字末尾 (轉自:http://blog.csdn.net ...

Tue Mar 17 04:11:00 CST 2015 0 78273
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM