2

我有一个 MooTools 脚本（请不要问为什么..），其中元素添加了一个mouseenter事件。在 jQuery 中，我在花式框中打开/显示这些元素。当它弹出时，mouseenter 事件不会首先被触发，因为光标最终已经在一个元素上，这取决于用户单击打开fancybox 的位置。但是 jQuery mousemove 事件确实会触发这些事件。

我可以在 MooTools 文件中添加一个触发 mouseenter 事件的 mousemove 事件，但为了学习：我将如何触发元素事件函数（并使用 this-reference）？ 这对我不起作用。

Moo工具：

$$('.foo').addEvents({
    mouseenter: function(){
        console.log('fired!'); // never does ):
        // stuff happens here
    }
});

jQuery：

$('#bar').fancybox({
    onComplete: function() {
        $('.foo').unbind('mousemove').mousemove(function() {
            var el = this;
            console.log('mousemoved');
            $('.foo').unbind('mousemove');

            // does not work:
            (function($$) {
                $$(this).fireEvent('mouseenter', $(this));
            })(document.id);

            // neither does this:
            var event;
            if (document.createEvent) {
                event = document.createEvent("HTMLEvents");
                event.initEvent("mousemove", true, true);
            } else {
                event = document.createEventObject();
                event.eventType = "mousemove";
            }

            event.eventName = "mousemove";
            event.memo = {};

            if (document.createEvent) {
                this.dispatchEvent(event);
            }
            else {
                this.fireEvent("on" + event.eventType, event);
            }

            // whats the solution?
            // something like: this.fireEvent('mouseenter', this); would be cool!

        });
    }
});
4

1 回答 1

4

只需获取您的 jQuery 元素，然后fireEvent从Element.prototype

        // does not work:
        (function($$) {
            $$(this).fireEvent('mouseenter', $(this));
        })(document.id);

到：

$(this)[0].fireEvent('mouseenter' /* optional event obj, { target: $(this)[0] } */);
// or as @Sergio suggests -
this.fireEvent('mouseenter'); // this == element anyway
于 2013-10-10T11:25:20.420 回答