（5）AngularJS 1.X 之事件指令

2024-04-27 15:08:57

字体：大中小

来源：转载

供稿：网友

引言AngularJS事件指令1 代码实现

1.引言

在上一篇博客中我们介绍了AngularJS中的控制器，在本篇博客中主要介绍一下AngularJS扩展的事件，其中AngularJS扩展的事件有很多，详细的可以去查看帮助文档，在这里主要介绍几个比较特殊的事件：

ng-click：鼠标点击触发事件ng-copy:复制文本内容时触发事件（ctrl+c）ng-cut：剪切文本内容时触发事件（ctrl+z）ng-dblclick：双击鼠标触发事件ng-paste：粘贴内容时触发事件（ctrl+v）ng-mousedown：mousedown触发的事件

其实AngularJS扩展的事件远远不止这些，在这里只是简单的介绍一下这几个事件的使用方式。

2.AngularJS事件指令

2.1 代码实现

我们创建相应的标签 <div ng-controller="firstController"> <input type="button" ng-click="click();" value="点击按钮触发事件"><br> <input type="text" ng-copy="copy();"><br> <input type="text" ng-cut="cut();"><br> <input type="text" ng-paste="paste();"> </div>创建我们的控制器，以及写我们的事件处理函数 var app=angular.module("myApp",[]) app.controller("firstController",function($scope){ $scope.click= function (e) { alert("按钮被点击了") }; $scope.copy= function () { alert("按下了ctrl+c按钮"); }; $scope.cut= function () { alert("按下了ctrl+z按钮"); }; $scope.paste= function () { alert("按下了ctrl+v按钮"); }; })运行结果

这里写图片描述