August 10, 2015

AngularJs ng-mouseleave event example

AngularJs ng-mouseleave event example : AngularJs ng-mouseleave event example binds mouseleave event with elements in html.

Syntax : AngularJs ng-mouseleave event

The below example shows the ng-mouseleave event directive.

Example

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
</head>

<body>
<div ng-app="" ng-init="i=1">
    <button ng-mouseleave="i = i+1">Mouse Leave(On Mouseleave)</button>
     Counter = {{i}}
</div>
</body>
</html>

Try it »