簡體   English   中英

突出顯示輸入字段中的文本並同時激活光標 - 可能嗎?

[英]highlight text in input field and have cursor active at the same time - possible?

我剛被告知要這樣做:

  • 應完全突出顯示用戶搜索字符串
  • 光標應在搜索框中處於活動狀態

Afaik - 沒有一些嚴重的黑客攻擊是不可能的 - 對嗎?

除非你知道它的用途,否則甚至不認為你可以回答它。 突出顯示可能意味着“呼出”或者可能意味着“選擇”。 突出顯示的答案”vs“用鼠標突出顯示文本”。 您不能在同一輸入框中選擇文本和光標。

也就是說,如果該div的文本樣式與輸入文本CSS匹配,則可以使具有白色背景和灰色邊框的div看起來像輸入。 將div和輸入放入一個包含position: relative;的包裝器position: relative; 組。 通過位置定位.fake-input-div超過您的實際輸入position: absolute有一個左側呼吸室。 通過JS選擇.fake-input-div的文本並聚焦輸入。 左側呼吸室應該在輸入中顯示光標。 onkeydown輸入,隱藏假div。 然后處理用戶期望的其他N個可能的交互。 :)

這是一種類似的技術,許多自動完成庫使用它,使得它看起來像您選擇的項目仍然在輸入中(比如在藍色社交網絡上的wordpress或朋友的名字中的標簽)。

最佳:向老板解釋為什么這是一個壞主意。 :)

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM