焦点在 chrome 上的输入中不起作用答案

【问题标题】：Focus doesn't work in input on chrome焦点在 chrome 上的输入中不起作用
【发布时间】：2015-10-13 03:12:28
【问题描述】：

这段代码可以在IE上运行，但不能在chrome上输入，

 onkeyup="javscript:if(event.keyCode ==13){frm1.identifyCode.focus();}"

我尝试设置超时但仍然不起作用。

setTimeout(function(){frm1.identifyCode.focus();},0);

【问题讨论】：

您意识到您的代码中有javscript，而不是javascript？我很确定这只是一个转录错误，否则，它也不应该在 IE 中工作，但你可能还是想检查一下。

标签： javascript google-chrome asp-classic

【解决方案1】：

尝试将超时更改为 1 可能会解决问题。它将有最小的延迟并减慢 chrome 中的执行速度。我认为这是 chrome 上的错误。

setTimeout(function(){frm1.identifyCode.focus();},1);

类似问题jQuery focus not working in Chrome

【讨论】：

【解决方案2】：

Excel Gamboa 是对的，转移到终端功能解决了我的问题。示例：

jQuery(".search-icon").click(function(){
    var $navbarToggler =  jQuery(".navbar-toggler");
    var $navbarCollapse = jQuery(".navbar-collapse");
    var $mobileSearch =jQuery('.search_mobile_form');
    var $mobileOverlay =  jQuery(".mobile-overlay");
    var $inputSearch = jQuery("#search");
    if( $mobileSearch.is('.show-search') ) {
        $mobileSearch.removeClass('show-search');
        $mobileOverlay.fadeOut();
    }
    else {
        $mobileOverlay.fadeIn("slow");
        $mobileSearch.addClass('show-search');
        $navbarCollapse.removeClass("show").addClass("collapse");
        $navbarToggler.addClass("collapsed");
        $inputSearch.focus();

    }
    return false;
});

【讨论】：

【解决方案3】：

您可能在调用 .focus() 后调用指令或函数导致字段失焦。尝试将 .focus() 指令的位置更改为函数的末尾。

注意：如果您使用 ajax（以防万一），请将焦点指令放在成功调用的末尾。

【讨论】：

【解决方案4】：

物有所值；我有一个类似的问题，可滚动的DIV 没有被键盘滚动，除非我先点击它。

jQuery 的focus() 在 Firefox 中成功了，但 Chrome 却没有。在尝试了我在网上找到的每一个技巧后，我最终通过在我想要关注的元素上设置tabindex="0" 来解决它，这立即使它能够在 Chrome 中获得焦点，解决了我的问题！

确保将其设置为 0，仅此而已。参考the MDN page。

tabindex="0" 表示该元素在顺序键盘导航中应该是可聚焦的，但其顺序由文档的源顺序定义。

【讨论】：