jQuery при нажатии без фокуса на поле ввода только для чтения (в Firefox)

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

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

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


person Dinizworld    schedule 17.01.2014    source источник
comment
тогда вам лучше не использовать ввод   -  person A. Wolff    schedule 17.01.2014


Ответы (1)


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

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

Скрипка

РЕДАКТИРОВАТЬ:

Обновлена ​​скрипка, чтобы включить наблюдение A.Wolff выше.

person James Hibbard    schedule 17.01.2014
comment
+1 даже я бы использовал в качестве селектора: $("input[type='text'][readonly]") - person A. Wolff; 17.01.2014
comment
Чтобы завершить его, я также добавил $(this).css(cursor, default); - person Dinizworld; 17.01.2014
comment
@JackZelig Ваша скрипка кажется неуместной для вашего ответа. - person Nikunj Madhogaria; 03.09.2015
comment
Лол, да, это так, не так ли. Интересно, что там произошло? Я думаю, что это все еще отвечает на вопрос. - person James Hibbard; 03.09.2015