在輸入的情況下，每當我們聚焦或在輸入欄位外單擊時，我們都會看到覆寫文本的右側部分被隱藏，只有左側部分顯示，但我想要相反的部分。
<input value="abcdefghijklmnopqrstwxyz123456789">就像在上面的輸入欄位中一樣，我們可以看到“abcdefghijklmnopqrstwxyz1”，其余部分（“23456789”）被隱藏，但我想顯示“klmnopqrstwxyz123456789”（最后一部分而不是第一部分）并隱藏第一部分“abcdefghij”而無需CSS方向。
uj5u.com熱心網友回復：
通過javascript，我們可以借助blur事件來實作。
在模糊時，我們捕獲輸入的 current Element.scrollLeft。接下來，我們將 scrollLeft 位置重置為Element.scrollWidth包裹在 a 中，setTimeout()以確保瀏覽器等待呈現排隊的更改。
const elem = document.getElementById('data');
elem.addEventListener("blur", () => {
setTimeout(() => {
elem.scrollLeft = elem.scrollWidth;
}, 0);
});<input id="data" value="abcdefghijklmnopqrstwxyz123456789">uj5u.com熱心網友回復：
下面的一段代碼 - 用于在更改內容時動態更改文本的長度
function a (t){
t.size = t.value.length
console.log(t)
}
<input onkeyup="a(this)" value="abcdefghijklmnopqrstwxyz123456789">
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/359816.html
標籤：javascript html css