angularjs CDN
https://angularjs.org/ Version 1.8.2 https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js
index.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | //index.html<!DOCTYPE html><html ng-app="appkeypress"><head> <meta charset="utf-8"> <title>AngularJS Keypress Event Enter </title> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"></head><body ng-controller="myCtrl"> <div class="container"> <h1 class="page-header text-center">AngularJS Keypress Event Enter</h1> <div class="col-sm-4 col-sm-offset-4"> <input type="text" class="form-control" ng-model="myinput" my-enter="alertInput()"> </div> </div><script> var app = angular.module('appkeypress', []); app.directive('myEnter', function () { return function ($scope, element, attrs) { element.bind("keydown keypress", function (event) { if(event.which === 13) { $scope.$apply(function (){ $scope.$eval(attrs.myEnter); }); event.preventDefault(); } }); }; }); app.controller('myCtrl', function($scope){ $scope.alertInput = function(){ alert($scope.myinput); } });</script></body></html> |
