Question

我正在粘贴此示例代码，该代码侦听mouseenter事件，并在mouseenter检查是否按下Ctrl键。如果是，它会将一些类应用于当前目标，这样可以正常工作，但仅当在Ctrl事件之前按下mouseenter键时才会这样做。在mouseenter是第一个然后按下Ctrl键的情况下，我还需要改变同样的事情吗？

HTML：

<div ng-mouseenter="hoverIn($event)" ng-mouseleave="hoverOut($event)"> Some content </div>

controller.js：

function hoverIn(event){
    if((event.ctrlKey || event.metaKey)){
        angular.element(event.currentTarget).addClass('current-element');
    }
}

Answer 1

我知道这已经很老了，但是我想解决这个问题，以防其他人来找它。

更改代码以使用ng-mousemove将为您提供所需的东西。然后在代码中处理正确和错误的可能性。

HTML：

<div ng-mousemove="mouseHover($event)"> Some content </div>

JavaScript：

scope.mouseHover = function ($event) {
    if ($event && $event.ctrlKey) {
        angular.element($event.currentTarget).addClass('actionCursor');
    }
    else {
        angular.element($event.currentTarget).removeClass('actionCursor');
    }
}

角度悬停在+按键事件中

1 个答案: