La directiva ng-keypress en AngluarJS se usa para aplicar un comportamiento personalizado en un evento de pulsación de tecla. Es compatible con los elementos <input>, <select> y <textarea>.
Sintaxis:
<element ng-keypress="expression"> Contents... </element>
Donde la expresión dice qué hacer cuando se presiona la tecla.
Ejemplo: este ejemplo utiliza la directiva ng-keypress para mostrar el valor de la clave.
<!DOCTYPE html>
<html>
<head>
<title>ng-keypress Directive</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</script>
<script type="text/javascript">
var app = angular.module('app', []);
app.controller('geek', function ($scope) {
$scope.getkeys = function (event) {
$scope.keyval = event.keyCode;
}
});
</script>
</head>
<body style="text-align:center">
<div ng-app="app" ng-controller="geek">
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>ng-keypress Directive</h2>
Enter Text: <input type="text"
ng-keypress="getkeys($event)" >
<br><br>
<span style="color:Red">
Key Code: {{keyval}}
</span>
</div>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA