为除触发器本身之外的所有侦听器触发事件

Question

我有几个绑定到自定义事件的链接。该事件是通过悬停这些链接中的任何一个来触发的。但是我不希望它在我实际悬停的链接上触发。

我可以想到几个可能的解决方案

1. 我在事件的回调函数中放置了一个“if”，并以某种方式检查触发对象是否是尝试运行回调函数并相应地处理 t 的对象。可以以方便有效的方式比较对象吗？

2. 暂时解除绑定触发事件的对象的侦听器，然后重新绑定它。这听起来不太安全，因为事件可能会在实际触发之前反弹？我不确定如何处理这些类型的事件队列。在执行下一条语句之前，jquery.trigger 实际上会影响所有侦听器吗？另一个缺点是它可能被认为是一种黑客行为而不是良好实践？您认为？

3. 跳过整个事件绑定触发的事情，只收集数组中的每个对象，然后让悬停回调函数迭代此操作，做我想做的事情。我想这实际上有点像上述场景中幕后实际发生的事情

有解决这个问题的常见做法吗？也许是观察者模式中的某些东西？

Answer 1

为每个链接指定一个 ID 和一个类。当鼠标进入某个特殊链接的活动区域时，使用鼠标悬停的链接的 ID 对所有链接触发自定义事件。让您的自定义事件处理程序进行检查，以确保该 ID 与接收事件通知的链接的 ID 不匹配。

<a class="fancy-hover" id="1" href="foo">Example Link 1</a>
<a class="fancy-hover" id="2" href="bar">Example Link 2</a>
<a class="fancy-hover" id="3" href="qux">Example Link 3</a>

<script type="text/javascript">
    // custom event
    $("a.fancy-hover").bind('mouseOverOneOfUs',function(event, whatMouseHoversOver){

        // Prevent item mouse is over from responding.
        if (whatMouseHoversOver != this.id) {
            // do something
        }
        return false; // Stop propagation up the DOM tree. Remove to allow propagation.
    });

    // When mouse enters the active area of a link with class "fancy-hover",
    //     tell all links in the class which member of the class has the mouse.
    $("a.fancy-hover").mouseenter(function() {

        // this.id is ID of current element,
        //     and we pass the value as an array to our custom event.
        $("a.fancy-hover").trigger('mouseOverOneOfUs', [this.id]);
    });
</script>