2014-01-17 2 views
0

Я пытаюсь создать поле ввода, которое показывает в реальном времени количество символов в другом поле ввода. Я не хочу фокусироваться на этом поле счетчика, когда пользователь нажимает на него, и это поле доступно только для чтения. В Chrome поле не получает фокуса, требуется только чтение, но в Firefox он все равно фокусируется, когда я нажимаю на него. Я пытался предотвратить это, например, blur(), но это не сработает. Что я делаю неправильно или для чего это решение?jQuery on click no focus on readonly поле ввода (в Firefox)

$(function(){ 
$("input[type='text']").on("keyup", function(event){ 
    $(".counter").blur(); 
    $("#counter_1").val($(this).val().length); 
    }); 
}); 

http://jsfiddle.net/67Bpa/3/

+2

Вам не нужно использовать ввод, тогда –

ответ

7

Просто размыть поле всякий раз, когда он получает фокус

$("#myFieldIdontWantFocusOn").on("focus", function(){ 
    $(this).blur(); 
}); 

Fiddle

EDIT:

Изменено скрипку, чтобы включить наблюдение A.Wolff в выше.

+1

+1 даже я бы использовал в качестве селектора: '$ (" input [type = 'text'] [readonly] ")' –

+0

Чтобы сделать это, я также добавлено $ (this) .css («курсор», «по умолчанию»); – Dinizworld

+0

Я обновил свою скрипку. Благодарю. –

 Смежные вопросы

  • Нет связанных вопросов^_^