angularJS回车事件

来源:互联网 发布:传智播客7月-8月大数据 编辑:程序博客网 时间:2024/06/03 12:37
复制代码
<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>
复制代码
原创粉丝点击