수

$event 객체

· 2017-08-24 (목) 13:32:17 · 1866
$event 객체

$event함수를 호출 할 때 객체를 인수로 전달할 수 있습니다 .

$event객체는 브라우저의 이벤트 객체를 포함 :

예
<div ng-app="myApp" ng-controller="myCtrl">

<h1 ng-mousemove="myFunc($event)">Mouse Over Me!</h1>

<p>Coordinates: {{x + ', ' + y}}</p>

</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.myFunc = function(myE) {
$scope.x = myE.clientX;
$scope.y = myE.clientY;
}
});
</script>


[전체소스]
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">

<h1 ng-mousemove="myFunc($event)">Mouse Over Me!</h1>

<p>Coordinates: {{x + ', ' + y}}</p>

</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.myFunc = function(myE) {
$scope.x = myE.clientX;
$scope.y = myE.clientY;
}
});
</script>

<p>Mouse over the heading to display the value of clientX and clientY from the event object.</p>

</body>
</html>
|
댓글을 작성하시려면 로그인이 필요합니다.
+
분류 제목 글쓴이 날짜 조회
AngularJS
[AngularJS]
17-08-24 조회 1,563
AngularJS
[AngularJS]
17-08-24 조회 1,867
AngularJS 17-08-24 조회 1,773
AngularJS 17-08-23 조회 1,840
AngularJS 17-08-23 조회 2,483
AngularJS 17-08-23 조회 1,703
AngularJS 17-08-22 조회 2,298
AngularJS 17-08-22 조회 2,318
AngularJS 17-08-22 조회 2,270
AngularJS 17-08-20 조회 2,363
AngularJS 17-08-20 조회 1,937
AngularJS 17-08-20 조회 1,565
AngularJS 17-08-18 조회 1,907
AngularJS 17-08-18 조회 2,203
AngularJS 17-08-18 조회 1,494
AngularJS 17-08-17 조회 2,436
AngularJS 17-08-17 조회 1,535
AngularJS 17-08-17 조회 1,586
AngularJS 17-08-16 조회 1,775
AngularJS 17-08-16 조회 1,634
AngularJS 17-08-16 조회 2,390
AngularJS 17-08-15 조회 1,933
AngularJS 17-08-15 조회 2,226
AngularJS 17-08-15 조회 1,582
AngularJS 17-08-11 조회 2,555
AngularJS 17-08-11 조회 2,569
AngularJS 17-08-11 조회 2,366
AngularJS 17-08-10 조회 1,682
AngularJS 17-08-10 조회 2,162
AngularJS 17-08-09 조회 2,272