javascript - Google Chrome，JQuery - 显示不适用于自动对焦

Question

我有自动对焦的输入元素：

<input type="text" name="name" id="name" value="<?php if(isset($name)) {echo $name;} ?>" autofocus="autofocus"/>

和 JS 在输入成为焦点时显示 div 元素：

var forma = $('form#mali_oglas input'),
    pomoc = $('div[role=pomoc]');    
    forma.on('focus', function(){
    pomoc.show();
 });

这在 FireFox 中有效，但在 Chrome 中无效（当另一个输入字段成为焦点时，显示pomoc）。似乎有什么问题？

Answer 1

您正在将焦点函数绑定到ID为 mali_oglas的表单中输入类型的每个元素。如果您只想捕获上面的输入，您应该使用：

var forma = $('#name'),
    pomoc = $('div[role=pomoc]');    
    forma.on('focus', function(){
    pomoc.show();
 });

PS：将元素集中在加载上也是一个好主意（因为不支持跨浏览器的自动对焦）：

$(document).ready(function(){
    $('#name').focus();
});