Question

在Trial2之后无法使用鼠标或键盘读取文本。输入框只显示文本直到试用2，然后无法进一步滚动。这是在放置blur()属性后发生的。我希望用户能够阅读全文，并保持模糊属性，因为它正在进行一些验证。

<input type="text" id="mybox" value="This is trial1 This is trial2 This is trial3" onfocus="this.blur()"/>

Answer 1

你不能同时拥有这两件事。

也许尝试一个readonly属性而不是onblur或更好地解释为什么你认为你需要模糊（）

Answer 2

部分取自Resize input to fit its content。

document.getElementById('mybox').onmouseover=function(){
   this.size = ( this.value.length > 10 ) ? this.value.length : 10;}


    document.getElementById('mybox').onmouseout=function(){this.size = '10'}

Answer 3

这解决了我的问题！ @Rancho感谢你的想法！

$("#txtUSLead").on("mouseover", function () {
if ((this.value.length) > 25)
{
$('#txtUSLead').css('width', ((this.value.length + 1) * 7) + 'px');
}       
});
$("#txtUSLead").on("mouseout", function () { $('#txtUSLead').css('width', 180); })

如果它具有属性onfocus =“this.blur（），则无法读取输入中的全文

3 个答案: