Keydown鍵盤快捷方式

Question

我正在嘗試爲焦點目的創建鍵盤快捷方式（這是爲508符合性）。我希望能夠在iframe內部做到這一點，但如果這是不可能的，我可以去計劃B，每當類被突出顯示時，從那裏做（這是通過Tab鍵鏈接） 。在小提琴中，如果您單擊產品顯示的盒裝區域內的任意位置，然後單擊選項卡突出顯示單詞「文本」，從那裏我嘗試創建一個快捷方式（在本例中爲CTRL + F12）以使光標轉到到下面的輸入框在不同的div，但我還沒有能夠使它的工作。

https://jsfiddle.net/5ocp1kpw/1/

<div> 
    <a class="link" href="#">Test</a> 
</div> 
<div> 
    <input class="final" value="here" /> 
</div> 

$('.link').keydown(function (e) { 
    if (e.which === 123) { 
     e.preventDefault(); 
     $(this).find('.final').focus(); 
    } 
}); 

Answer 1

它不工作，因爲你不能在$(this)找到.final。請記住，您將​​事件放在.link上，因此您正在尋找.link的子女爲.final。沒有了。

事件正在觸發，但找不到要關注的元素。只要做$('.final').focus()或找到一些其他的方式來選擇文本框，你會被設置。

小提琴：https://jsfiddle.net/zn9sde03/