javascript – 结合jquery函数 – on()hover / mouseenter / mouseleave

我有一系列的元素(让我们称之为’.my-elements’) – 一些负载在文档准备好,而其他的以后通过分页脚本加载。

我想根据鼠标是否在这些元素上设置一个变量。下面的代码工作,但我怀疑有一个更好的方法…我可以这样做,所以我只需要引用DOM一次?

$(document).on('mouseenter','.my-elements', function(){
    mouse_is_inside = true;
});

$(document).on('mouseleave','.my-elements', function(){
    mouse_is_inside = false;
});

谢谢!

你可以绑定在一起,并检查event.type

$(document).on('mouseenter mouseleave', '.my-elements', function (ev) {
    mouse_is_inside = ev.type === 'mouseenter';
});

或者,如果你想保持它们分开,.on有另一种语法,需要一个事件映射:

$(document).on({
    mouseenter: function () {
        mouse_is_inside = true;
    },

    mouseleave: function () {
        mouse_is_inside = false;
    }
}, '.my-elements');
http://stackoverflow.com/questions/9812062/combining-jquery-functions-on-hover-mouseenter-mouseleave

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:javascript – 结合jquery函数 – on()hover / mouseenter / mouseleave