2020年6月15日 星期一

使用Enter鍵來移動焦點至下個輸入元素

用AJAX做功能習慣了,碰到習慣submit的使用者,對於封鎖在輸入框按Enter做提交的設計,給了許多的負評,沒辦法改變人那就改變寫法吧,把ENTER的封鎖改成切換焦點方式,當切到按鈕處在執行提交,那頁面功能就不會異常了,寫法如下~~

 var allInputSelector = ":input:visible:enabled"; 
 $("body").on("keydown", allInputSelector + ":not(textarea, :button)", function(event){
    //排除 focus 在 textarea 或 button 時觸發 
    if (event.keyCode == 13) { 
         $(allInputSelector + ":eq(" + ($(allInputSelector).index($(this)) + 1) + ")").focus();
         event.preventDefault(); 
     } 
 });


沒有留言: