HTML表格重點

Question

我如何模擬輸入鍵按下表現像選項卡。我不想使用jQuery。我只需要對當前輸入（文本字段）進行模糊（鬆散焦點）並將焦點放在下一個（輸入）元素上。我試過這個，但它不起作用。

const handleKeyUp = (event) => { 
const keyCode = event.keyCode || event.which; 
if (event.target.value !== '' && keyCode === 13) { 
    event.preventDefault(); 
    event.target.blur(); 
    event.target.dispatchEvent(new KeyboardEvent('keypress', { key: 'Tab' })); 
    } 
    }; 

Answer 1

您不能通過模擬事件來觸發默認瀏覽器行爲。

您需要在標籤順序中標識下一個字段，在DOM中找到它，然後調用它的focus()方法。

Answer 2

$(document).on('keydown', ':tabbable', function (e) { 
    if (e.which == 13 || e.keyCode == 13 ) { 
     e.preventDefault(); 
     var $canfocus = $(':tabbable:visible') 
     var index = $canfocus.index(document.activeElement) + 1; 
     if (index >= $canfocus.length) index = 0; 
     $canfocus.eq(index).focus(); 
    } 
}); 

Example