实际应用中,可能需要input文本框能够根据输入字符的所占据的宽度自动调节尺寸。
直接计算输入字符所占据的宽度,就如同直接称量大象体重一样比较困难。
可以和当年曹冲一样转换思路,达到殊途同归的效果。
下面分享一个比较巧妙的实现方式,需要的朋友可以做一下参考。
代码实例如下:/p>
font-size:12px;
}
#dis {
position:absolute;
z-index:1000;
left:-500px;
}
window.onload = function () {
let otxt = document.getElementById("txt");
let ospan = document.getElementById("dis");
otxt.onkeyup = function () {
ospan.innerHTML = this.value;
if (ospan.offsetWidth > otxt.offsetWidth) {
this.style.width = ospan.offsetWidth + "px";
}
}
}