浅谈angularjs中响应回车事件

2019-11-19 16:45:33

字体：大中小

来源：转载

供稿：网友

下面这个示例在输入框键入回车键或者点击按钮时，将输入框的值置为"Hello World!"：（黄色背景内容为响应回车事件涉及到的代码）

<html ng-app="myApp"><head>  <meta charset="utf-8">  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"><title>angularjs-demo</title><script type="text/javascript" src="lib/angularjs/angular.min.js" charset="utf-8"></script></head><body ng-controller="ctrl"><input type="text" ng-model="text1" ng-keyup="enterEvent($event)" /><button ng-click="clickEvent()">test</button></body><script type="text/javascript">var app = angular.module('myApp', []).controller('ctrl', function($scope){  $scope.clickEvent = function() {    $scope.text1 = "Hello world!";  }    $scope.enterEvent = function(e) {    var keycode = window.event?e.keyCode:e.which;    if(keycode==13){      $scope.clickEvent();    }  }  });</script></html>

以上这篇浅谈angularjs中响应回车事件就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持武林网。

上一篇：angularjs中回车键触发某一事件的方法

下一篇：老生常谈angularjs中的$state.go