（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按鈕"); }; })運行結果

這里寫圖片描述