Disable arrow key scrolling in users browser 如果禁用箭头键,Zeta会给出正确的答案。
我需要在禁用后重新启用箭头键导航。
$('main navigation').has('drop down').bind('keyup', function (e) {
if (e.keyCode == 40) {hover(e,$(this));} //Down Arrow Key press, how mega menu
if (e.keyCode == 38) {unhover(e);} //Up Arrow Key Press, hide mega menu
if (e.keyCode == 9) {checkTab();} //check if tab pressed
}
var checkTab = function (){
// i check, if tab focus to the main menu anchor
if($('main navigation').is(':focus')){
var keys = [];
window.addEventListener("keydown",
function(e){
keys[e.keyCode] = true;
switch(e.keyCode){
case 37: case 39: case 38: case 40: // Arrow keys
case 32: e.preventDefault(); break; // Space
default: break; // do not block other keys
}
},
false);
window.addEventListener('keyup',
function(e){
keys[e.keyCode] = false;
},
false);
console.log('focused')
}
else {
console.log('f out')
}
}
这工作正常,但因为我绑定window.event禁用。一旦禁用,我无法启用。在这一点上需要帮助。
答案 0 :(得分:1)
你可以使用开启/关闭Jquery来解决这个问题。
首先像这样附上keydown ..
$('window').on('keydown', function(){
//Your Function Here
});
然后分开,这样做......
$('window').off('keydown');
答案 1 :(得分:1)
使用另一个变量来确定您当前是否应该阻止箭头键:
var useArrowKeysToScroll = false;
/* ... */
function(e){
keys[e.keyCode] = true;
if(!useArrowKeysToScroll &&
((e.keyCode >= 37 && e.keyCode <= 40) ||
e.keyCode == 32)){
e.preventDefault();
}
/* handle other keys etc... */
}, /* ... */
如果useArrowKeysToScroll
为false,则箭头键和空格键不会导致滚动。