Невозможно прочитать полный текст ввода, если он имеет свойство onfocus="this.blur()

Невозможно использовать мышь или клавиатуру для чтения текста после Trial2. Поле ввода просто отображает текст до пробной версии 2, а затем не может прокручиваться дальше. Это происходит после установки свойства blur(). Я хочу, чтобы пользователь мог прочитать полный текст, а также сохранить свойство размытия, поскольку оно выполняет некоторые проверки.

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

javascript text input html onblur
person user3814961    schedule 27.08.2014    source источник

Ответы (3)


arrow_upward
0
arrow_downward

Вы не можете иметь обе вещи.

Может быть, попробуйте атрибут только для чтения вместо onblur или лучше объясните, почему вы думаете, что вам нужен blur()

person epeleg    schedule 27.08.2014
comment
или просто сделайте свой ввод шире, если это работает для вашего сценария. - person epeleg; 27.08.2014
comment
Этот пост должен быть добавлен в качестве комментария - person Farshad; 27.08.2014
comment
Увеличение размера является проблемой, так как это происходит с помощью некоторых загрузочных css, в которых я не уверен на данный момент! - person user3814961; 04.09.2014

arrow_upward
0
arrow_downward

Частично взято из Изменить размер ввода в соответствии с его содержимым.

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


    document.getElementById('mybox').onmouseout=function(){this.size = '10'}
person rancho    schedule 27.08.2014
comment
Спасибо @rancho! ваше решение отлично работает для обычного кода, но не в моем приложении, поле ввода остается как есть, я только что обнаружил, что приложение имеет некоторое кадрирование размера, выполненное через начальную загрузку, поэтому мне придется тщательно проверить, как размеры отображаются. - person user3814961; 04.09.2014

arrow_upward
0
arrow_downward

Это решило мой вопрос! @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); })
person user3814961    schedule 08.09.2014