將文本替換為輸入框中輸入的字母圖像
[英]Replacing text with image of letter as it's being typed in an input box
問題描述
是否可以使用javascript或CSS替換輸入框中鍵入的文本和表示字母的圖像？ 例如，如果您有一個輸入框，並且用戶鍵入“U”，那么代替U的文本將代替U而不是顯示在相應區域上？
這甚至可能嗎？ 你是否能夠做一些事情，比如在輸入框內移動插入符號的位置，即使它前面沒有文字？
1 個解決方案
解決方案1
2 已采納 2012-04-18 02:52:47
我想你可以做到，但我不明白為什么你甚至不想使用輸入對象，如果你不想實際顯示文本。 如果您要用圖像顯示自己的文本（我不知道為什么），那么您也可以構建自己的控件來響應字母，導航和刪除鍵，並在鍵入字符時插入圖像。
對於您可以鍵入的每個字母，您都需要一組預先緩存的圖形，這樣您就可以創建一個新的圖像元素，並在每次輸入字符時插入它。
你為什么做這個？
使用Javascript，如何在輸入時檢測輸入框輸入的值
[英]Using Javascript, how to detect the value typed into a input box while it's being typed
在輸入框中輸入單個字母后，使用jQuery觸發函數
[英]Trigger a function with jQuery after a single letter was typed in an input box
ReactJs setState更新與輸入框中輸入的內容不同步
[英]ReactJs setState updating not in sync with what is being typed in the input box
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.