angularjs响应回车事件应该怎么做
表单上加了ng-keyup然后表单的同级元素li上绑定了ng-click现在keyup事件要能选中li给它加个样式如果敲回车能触发li上面的ng-click事件...
表单上加了 ng-keyup 然后 表单的同级元素li 上 绑定了 ng-click
现在keyup事件要能选中li给它加个样式 如果敲回车 能触发 li上面的 ng-click 事件 展开
现在keyup事件要能选中li给它加个样式 如果敲回车 能触发 li上面的 ng-click 事件 展开
1个回答
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script src="angular.min.js"></script>
<script>
var myApp = angular.module("myApp", []);
myApp.controller("testCtrl", function($scope){
$scope.myClass = 'red';
$scope.isClick = 'No!';
$scope.myKeyup = function(e){
var keycode = window.event?e.keyCode:e.which;
if(keycode==13){
$scope.myClass = 'green';
$scope.myClick();
}
};
$scope.myClick = function(){
$scope.isClick = 'Yes!';
};
});
</script>
<style>
.red {color:red}
.green {color:green}
</style>
</head>
<body>
<div ng-app="myApp">
<div ng-controller="testCtrl">
<input ng-keyup="myKeyup($event)" type="text" />
<ul>
<li ng-click="myClick()" class="{{myClass}}">{{isClick}}</li>
</ul>
</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
