Question

我在<div>

中使用鼠标向下滚动时，成功启用了此警报

$('#divID').bind('mousewheel DOMMouseScroll', function (event) {
    if (event.originalEvent.wheelDelta < 0 || event.originalEvent.detail > 0) 
    {
        alert('scroll down with scroll');
    }
});

当我使用<div>

中的向下箭头键向下滚动时，我可以使用什么等效的.bind方法来提醒

我的尝试是（但不起作用）：

$('#section1').bind('onkeydown', function (event) {
    if (event.keyCode == 40) {
        alert('scroll down with arrow key');
    }
});

我非常感谢任何帮助。

我已经查看了以下解决方案：JavaScript KeyCode Values are "undefined" in Internet Explorer 8 - 但是，对于特定的<div>，我似乎无法发出此警报，我不希望这种效果在整个文档中延续。

我也在使用.bind()，而不是任何其他方法，这是因为当我到达另一个<div>时，我想要.unbind()前一个，因为在另一个<div>我想要做一个新的.bind()

Answer 1

亨利我的问题是**

'onkeydown'

上面的关键字是html标记的事件属性

您可以查看以下参考链接   Reference link 'onkeydown' keyword

用于绑定密钥的关键字，实际上只是

<强> 'KEYDOWN'

这是你编码的唯一问题是正确的

这是我尝试使用该代码。

$(document).on('keydown',function(e) {
            var code = (e.keyCode ? e.keyCode : e.which);
            if (code == 40) {
                
                alert("down pressed");
            } else if (code == 38) {
                alert("up pressed");
            }
        });

以下是您可以查看的工作代码的链接

Working code

Even working here with .bind() event to you can check out code

使用.bind方法显示向下箭头键

1 个答案: