angularJs中事件处理

最新推荐文章于 2020-12-24 18:02:57 发布

泠泠在路上

最新推荐文章于 2020-12-24 18:02:57 发布

阅读量444

点赞数

分类专栏： angularJs 文章标签： angularjs

本文链接：https://blog.csdn.net/u012396955/article/details/72794041

版权

angularJs 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

<!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

收藏

觉得还不错? 一键收藏
打赏
0
评论
angularJs中事件处理

<!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">  <div ng
复制链接

扫一扫