event.originalEvent 在具有 jQuery 自动完成功能的焦点事件中未定义

发布于 2024-10-20 09:10:16 字数 593 浏览 3 评论 0原文

我需要使用自定义操作覆盖自动完成焦点事件，并根据用户是否使用键盘而不是鼠标从列表中进行选择来执行某些操作。为此，我检查事件对象中的originalEvent.type，该对象应该包含执行的操作类型（keydown、keyup、mouseenter 等）。

但是，originalEvent 对象似乎未定义，我不明白为什么。它在自动完成代码中的实际焦点事件中工作得很好，但当我覆盖自动完成对象内部的该事件时则不然。

请参阅下面我的代码。我很感激任何帮助，因为它让我发疯。

$( "#tags" ).autocomplete({
    source: availableTags,
    focus: function(event, ui) {
        //Check whether focus was triggered by a mouse or keyboard event
        if ( /^key/.test(event.originalEvent.type) ) {
            //Do something here
        }                   

        return false;
    }
});

原文

I need to override the autocomplete focus event with a custom action and do something based on whether the user was selecting from the list using the keyboard and not the mouse. To do that I'm checking the originalEvent.type in the event object which is supposed to contain the type of action performed (keydown, keyup, mouseenter, etc).

However, the originalEvent object seems to be undefined, and I can't understand why. It is working just fine in the actual focus event in the autocomplete code, but not when I override that event inside of the autocomplete object.

Please see my code below. I'd appreciate any help on this as it's driving me bananas.

$( "#tags" ).autocomplete({
    source: availableTags,
    focus: function(event, ui) {
        //Check whether focus was triggered by a mouse or keyboard event
        if ( /^key/.test(event.originalEvent.type) ) {
            //Do something here
        }                   

        return false;
    }
});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

戴着白色围巾的女孩 2024-10-27 09:10:16

我实际上能够到达 originalEvent，但我认为即使您可以检索它也对您没有帮助；查看以下示例中的控制台： http://jsfiddle.net/andrewwhitaker/DkumP/1/< /a>

您会注意到 originalEvent 的 type 是 menufocus，我认为这不是您所期望的。

完成您想要做的事情的一种可能方法是检查 event.which，并查看它是向上箭头还是向下箭头（假设这些是您可以在自动完成小部件中使用的唯一键））：

$("input").autocomplete({
    source: /*...*/,
    focus: function(event, ui) {
        /* If the key that triggered this event is up or down arrow: */
        if (event.which === 38 || event.which === 40) {
            console.log('key');
        }
        else {
            console.log('mouse');
        }
    }
});

这是一个示例： http://jsfiddle.net/andrewwhitaker/DkumP/2/

I was actually able to get to originalEvent, but I don't think it helps you even if you can retrieve it; look at the console in the following example: http://jsfiddle.net/andrewwhitaker/DkumP/1/

You'll notice that the type of originalEvent is menufocus, which I don't think is what you were expecting.

A possible way to accomplish what you're trying to do is examine event.which, and see if it is the up arrow or down arrow (assuming those are the only keys you can use in the autocomplete widget):

$("input").autocomplete({
    source: /*...*/,
    focus: function(event, ui) {
        /* If the key that triggered this event is up or down arrow: */
        if (event.which === 38 || event.which === 40) {
            console.log('key');
        }
        else {
            console.log('mouse');
        }
    }
});

Here's an example: http://jsfiddle.net/andrewwhitaker/DkumP/2/

回复收藏 0 原文