jQuery on click 不关注只读输入字段（在 Firefox 中）

Posted 2023-03-15

【中文标题】jQuery on click 不关注只读输入字段（在 Firefox 中）

【英文标题】：jQuery on click no focus on readonly input field (in Firefox)

【发布时间】：2014-01-17 11:39:32

【问题描述】：

我正在尝试创建一个输入字段，以实时显示另一个输入字段中的字符数。当用户单击该计数器字段并且该字段是只读的时，我不想将注意力集中在该计数器字段上。在 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/

【问题讨论】：

你最好不要使用输入

【参考方案1】：

只要获得焦点就模糊​​该场

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

Fiddle

编辑：

更新了小提琴以纳入上述 A.Wolff 的观察。

【讨论】：

+1 即使我用作选择器：$("input[type='text'][readonly]")

为了使它完整，我还添加了 $(this).css("cursor" , "default");

@JackZelig 您的小提琴似乎与您的答案无关。

大声笑，是的，确实如此，不是吗。我想知道那里发生了什么。不过，我认为它仍然回答了这个问题。