Question

我正在使用具有隐藏可见性的辅助输入来获取主输入的文本初始宽度。所以二次输入就像是主要输入的统治者。

var ruler = el.cloneNode(true); //"el" is primary input
ruler.style.visibility = "hidden";
ruler.style.width = "0px";
document.body.appendChild(ruler);

display：none属性无法正常工作。所以现在我问你如何添加没有可见性的输入，没有占用空间但仍然使用scrollWidth，我希望它与IE6向后兼容，也许所有你必须告诉我的是使文本输入羚牛空间的属性，以便将是第二个答案标题。谢谢你帮助我......

Answer 1

这些属性强制隐藏可见性的输入不占用空间。也许这不是完整的清单，但还是更好。

var ruler = el.cloneNode(true);
ruler.style.visibility = "hidden";
ruler.style.width = "0px";
ruler.style.height = "0px";
ruler.style.paddingTop = "0px";
ruler.style.paddingLeft = "0px";
ruler.style.paddingRight = "0px";
ruler.style.paddingBottom = "0px";
ruler.style.outlineWidth = "0px";
ruler.style.borderWidth = "0px";
ruler.style.marginTop = "0px";
ruler.style.marginLeft = "0px";
ruler.style.marginRight = "0px";
ruler.style.marginBottom = "0px";
document.body.appendChild(ruler);

如何使用隐藏的可见性进行文本输入，不占用空间

1 个答案: