焦點在 chrome 上的輸入中不起作用

Question

這段代碼可以在 IE 上工作，但不能在 chrome 上輸入，

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

我試圖設置超時但仍然不起作用。

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

Answer 1

嘗試將超時更改為 1 可能會解決問題。 它將具有最小的延遲並減慢 chrome 的執行速度。 我認為這是 chrome 上的一個錯誤。

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

類似的問題jQuery focus 在 Chrome 中不起作用

Answer 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;
});

Answer 3

您可能在調用 .focus() 后調用指令或函數，這導致該字段失去焦點。 嘗試將 .focus() 指令的位置更改為函數的末尾。

注意：如果您使用 ajax（以防萬一），請將焦點指令放在成功調用的末尾。

Answer 4

物有所值; 我有一個類似的問題，可滾動的DIV沒有被鍵盤滾動，除非我先點擊它。

jQuery 的focus()在 Firefox 中起到了作用，但 Chrome 卻沒有。 在嘗試了我在網上找到的每一個技巧之后，我最終通過在我想要關注的元素上設置tabindex="0"來解決它，這立即使它能夠為 Chrome 聚焦，解決了我的問題！

確保將其設置為 0，沒有其他設置。 請參閱MDN 頁面以供參考。

tabindex="0" 表示該元素在順序鍵盤導航中應該是可聚焦的，但其順序由文檔的源順序定義。