Question

我有div如果我鼠标悬停在div上我需要调用处理程序并显示用户的悬停卡

我的问题是当我将鼠标移出时处理程序正在运行

但仍在拿到我的悬停卡

这不应该发生

在javascript中有什么方法可以知道天元素悬停状态不是

showPopup: function() {
    moLikeDisLikeUsers.popup = 'show';
    var url = '/_service/getHoverCardDetails.ashx';
    var pars = Object.toQueryString({ 'prfid': moLikeDisLikeUsers.options.get('profileid'), 'id': moLikeDisLikeUsers.options.get('profileid'), 'ht': "1" });
    var target = 'output-div';

    if (Object.isUndefined(userkey.get(moLikeDisLikeUsers.options.get('profileid'))) || (userkey.get(moLikeDisLikeUsers.options.get('profileid'))) == '') {
        moLikeDisLikeUsers.ajax = new Ajax.Updater(target, url, { method: 'get', parameters: pars, onSuccess: function(transport) {
            var response = transport.responseText || "no response text";
            var data = transport.responseText.evalJSON(true);
            userkey.set(moLikeDisLikeUsers.options.get('profileid'), data);
            if (moLikeDisLikeUsers.popup == 'show') {
                moLikeDisLikeUsers.drawPopup(data);
            }
        }
        });
    }
    else {
        moLikeDisLikeUsers.drawPopup(userkey.get(moLikeDisLikeUsers.options.get('profileid')));
    }
},
hidetip: function() {
    if (moLikeDisLikeUsers.tooltip) {
        AbortAjaxCall(moLikeDisLikeUsers.ajax);
        moLikeDisLikeUsers.popup = 'hidden';
        moLikeDisLikeUsers.tooltip.hide();
    }
},

Answer 1

我想你可以使用getComputedStyle来确定属性在元素上的价值，并使用外部样式表进行更改（为#foo和#foo:hover定义不同的规则），但是当mouseover和mouseout事件触发时，你可能最好写出能做正确事情的逻辑（不管是什么）。

更好的是，don't show content on :hover。

悬停状态的元素

1 个答案: