angularJs中事件处理

来源：互联网发布：淘宝退款被拒绝怎么办编辑：程序博客网时间：2024/06/07 05:12
<!doctype html><html lang="en"><head>    <meta charset="UTF-8">    <script src="angular.min.js"></script></head><body><div ng-app="module" ng-controller="ctrl">    <!--ng-click单击-->    <div ng-click="show()">事件1</div>     <!--ng-dblclick双击-->    <div ng-dblclick="show()">事件2</div>     <!--ng-change改变-->     <input type="text" ng-change="show()" ng-model="title">     <!--ng-blur失去焦点-->     <input type="text" ng-blur="show()" ng-model="title">     <!--ng-focus获取焦点-->     <input type="text" ng-focus="show()" ng-model="title">      <!--ng-keydown按下键盘-->     <input type="text" ng-keydown="show()" ng-model="title">     <!--ng-keyup抬起键盘-->     <input type="text" ng-keyup="show()" ng-model="title">    <!--ng-mousedown鼠标按下-->    <input type="text" ng-mousedown="show()" ng-model="title">        <!--ng-mouseup鼠标抬起-->    <input type="text" ng-mouseup="show()" ng-model="title">      <!--ng-mouseenter鼠标进入-->    <input type="text" ng-mouseenter="show()" ng-model="title">      <!--ng-mouseleave鼠标移开-->    <input type="text" ng-mouseleave="show()" ng-model="title">     <!--ng-mousemove鼠标移动-->    <input type="text" ng-mousemove="show()" ng-model="title">    {{data}}</div><script>    var m = angular.module('module', []);    m.controller('ctrl', ['$scope', function ($scope) {        $scope.data = '';        $scope.show = function () {            $scope.data += '泠泠在路上 ';        }    }]);</script></body></html>
阅读全文
0 0