2014-11-04 5 views
3

각도로 첫 번째 앱을 코딩 중이며 mouseenter 이벤트 문제가 발생했습니다. Chrome에서는 전혀 작동하지 않습니다. 첫째로 나는 내 코드에 버그가 있다고 생각했지만 파이어 폭스에서 체크하고 모든 것이 잘 동작했다. 필자는 jsfiddle에서 mouseenter로 코드를 테스트하기로 결정했다. 그리고 파이어 폭스에서도 똑같이 보인다. 크롬에서는 그렇지 않다.각도 입력기가 Chrome에서 작동하지 않습니다.

테스트 코드 :

<!DOCTYPE html> 
<html ng-app="my-app"> 
    <head> 
     <meta charset="utf-8" />   
       <style> 
      /* Put your css in here */ 
      button { 
       position: relative; 
       float:right; 
       top:-40px; 
       right:0; 
      } 
      li { 
       background: #eee; 
       padding: 5px; 
       list-style:none; 
       width: 200px; 
      } 
     </style> 
     <script src="angular.js"></script> 
     <script> 
      var app = angular.module('my-app', [], function() { 
      }) 
      app.controller('AppController', function ($scope) { 
      $scope.name = 'World'; 
      }) 
     </script> 
    </head> 

    <body ng-controller="AppController"> 
     <p>Hello {{name}}!</p> 
     <ul> 
      <li ng-mouseenter="showXBtn = true; 
           test($event)" ng-mouseleave="showXBtn = false; 
                test($event)"> 
       <p ng-mouseenter="showXBtn = false;" ng-mouseleave="showXBtn = true; 
            test($event)">Hide</p> 
       <button ng-show="showXBtn"><span>x</span></button> 
      </li> 
     </ul> 
     {{showXBtn}} 
    </body> 
</html> 

나는 AngularJS와의 v1.2.5를 사용합니다. 공식적인 버그입니까? 아니면 내 크롬과 함께 뭔가 잘못 .. 나는 최신 버전을 가지고 38.0.2125.111 m. 어떤 제안을 주셔서 감사합니다.

+0

http://jsfiddle.net/arunpjohny/epz2dd9b/2/ –

+0

크롬은 내가 요소를 클릭 할 때만 반응합니다. – elevenMinutes

+1

Chrome이 정상적으로 작동하기 때문에 Chrome에 문제가 발생했습니다. – dfsq

답변

1

크롬과 비슷한 문제가 발생하여 특정 Chrome 확장 프로그램으로 문제를 추적했습니다 (내게는 AngularJS Batarang 확장 프로그램입니다).

JavaScript 프로파일 링 확장 프로그램이있는 경우 페이지에 추가되는 속도가 느려지므로 이벤트 (특히 mouseenter 및 mouseleave 이벤트)에서 비정상적인 동작이 발생할 수 있습니다.