ng-mouseover und ng-mouselave Ereignisse funktionieren nicht in Chrome

7

Ich habe in meiner eckigen App folgendes eingerichtet:

Ich habe ein Bild mit den folgenden ng-mouseover- und ng-mouseleave-Ereignissen, die an das Bild-Tag gebunden sind

%Vor%

Diese Mouseover-Ereignisse werden dann an das folgende div gesendet

%Vor%

Wenn also ng-mouseover ausgelöst wird, öffnet sich das dataBoxInfoContent div aufgrund der Höhe von 0 bis 50px und wenn ng-mouseave ausgelöst wird, schließt sich div wieder.

Aus irgendeinem Grund wird ng-mouseleave jedoch nicht ausgelöst, wenn die Maus das Bild verlässt und dies nur in Google Chrome geschieht. Alles funktioniert gut im Internet Explorer und Mozilla Firefox.

Wer weiß warum das der Fall ist?

    
ocajian 29.12.2014, 10:21
quelle

1 Antwort

19

Ich hatte ein ähnliches Problem mit Chrome und verfolgte das Problem schließlich auf eine bestimmte Chrome-Erweiterung (für mich war es das AngularJS Batarang Erweiterung).

Wenn Sie JavaScript-Profilerweiterungen haben, kann die Langsamkeit, die diese zu Ihrer Seite hinzufügen, manchmal zu ungewöhnlichem Verhalten bei Ereignissen führen (insbesondere den Mausbewegungsereignissen).

Verwenden Sie auf der Registerkarte "Profile" des Chrome-Debuggers die Option "JavaScript-CPU-Profil erfassen", um herauszufinden, welche Skripts, wenn überhaupt, Schweine sind, und wenn Sie den Mauszeiger über das Skript auf der rechten Seite halten welche Chrome-Erweiterung das Schwein ist ein Teil von.

    
Troy 06.01.2015, 01:24
quelle

Tags und Links