单击jQuery没有关注readonly输入字段（在Firefox中）

Question

我正在尝试创建一个输入字段，以实时显示另一个输入字段中的字符数。当用户点击它并且该字段是只读时，我不希望专注于该计数器字段。在Chrome中，这个领域没有得到关注，只有readonly是必要的，但在Firefox中，当我点击它时它仍然是一个焦点。我尝试使用例如blur（）来防止这种情况，但它不起作用。我做错了什么或解决方案是什么？

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

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

Answer 1

只要它获得焦点就会模糊字段

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

Fiddle

编辑：

更新了A.Wolff上面观察的小提琴。