Question

我有一个在键盘按下“ N” 键和“ P” 键时向下一个/ prev 滚动的脚本。我的问题是, 当用户通常以任何形式( 如搜索字段、登录字段等) 键入这些字母时, 如何阻止它射击。因为当我按下, 例如 John 这样的窗体时, 它不会写 N, 反而会点燃滚动函数。如何修正该动作?

我的代码如下:

$(document).keydown(function (evt) {
    if (evt.keyCode == 78) {
        evt.preventDefault();
        scrollToNew();
    } else if (evt.keyCode == 80) {
        evt.preventDefault();
        scrollToLast();
    }
});

谢谢

Answer 1

事件对象有一个 < code> target 属性, 它可以告诉您事件实际发生在何处( 在此之后, 它会泡到您的文档级别处理器上 ) 。这样您就可以测试 < code> evt. target 与窗体字段元素相对应, 如果它匹配的话, 不要使用特殊逻辑。

也许最容易的方法就是使用closest ,例如:

$(document).keydown(function (evt) {
    if (!$(evt.target).closest( input, select, textarea )[0]) {
        if (evt.keyCode == 78) {
            evt.preventDefault();
            scrollToNew();
        } else if (evt.keyCode == 80) {
            evt.preventDefault();
            scrollToLast();
        }
    }
});

我在这里询问最接近的窗体字段是以元素( 因为 < code> closest 开头是您给它提供的内容) 开始的, 并且通过祖先工作。如果不存在, 那么返回的jQuery 对象将是空的, 且 < code> [0] 将返回 < code > 无法定义的。因此, 由于 < code >! undered 是 < code> true , 我们将在窗体字段中 < em> 不 < / em > 处理您的逻辑。

Answer 2

我觉得有点像

$( form ).on( keydown , function(event) {event.stopPropagation();});

如果您不需要窗体内键盘控件, 应该玩这个把戏。

Answer 3

使用 < a href=" < a href="的 target 属性" https:// developer.mozilla.org/en/DOM/event" rel="no follow"\\\code> Event 对象 ,该属性指向源 DOM 节点。因此,您可以轻松使用。

var nn = evt.target.nodeName.toLowerCase();
if (nn != "input" && nn != "textarea")
    // do your special handling

http://dev.w3.org/html5/spec/assimation-of- control-and-forms.html#dom-fae-form" rel=“nofollow”_code>form pression ,其中指出元素所有人的形式:

if (! "form" in evt.target)
    // do your special handling

友情链接