각도로 첫 번째 앱을 코딩 중이며 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. 어떤 제안을 주셔서 감사합니다.
http://jsfiddle.net/arunpjohny/epz2dd9b/2/ –
크롬은 내가 요소를 클릭 할 때만 반응합니다. – elevenMinutes
Chrome이 정상적으로 작동하기 때문에 Chrome에 문제가 발생했습니다. – dfsq