浅谈angularjs中响应回车事件


Posted in Javascript onApril 24, 2017

下面这个示例在输入框键入回车键或者点击按钮时,将输入框的值置为"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中响应回车事件就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
如何用js控制css中的float的代码
Aug 16 Javascript
jquery live()重复绑定的解决方法介绍
Jan 03 Javascript
js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动
Apr 29 Javascript
jquery实现的蓝色二级导航条效果代码
Aug 24 Javascript
jQuery动画显示和隐藏效果实例演示(附demo源码下载)
Dec 31 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
Dec 20 Javascript
JavaScript拖动层Div代码
Mar 01 Javascript
vue组件中的数据传递方法
May 14 Javascript
基于mpvue搭建微信小程序项目框架的教程详解
Apr 10 Javascript
浅谈微信小程序列表埋点曝光指南
Oct 15 Javascript
vue跳转页面的几种方法(推荐)
Mar 26 Javascript
vscode+gulp轻松开发小程序的完整步骤
Oct 18 Javascript
老生常谈angularjs中的$state.go
Apr 24 #Javascript
使用ionic播放轮询广告的实现方法(必看)
Apr 24 #Javascript
详谈angularjs中路由页面强制更新的问题
Apr 24 #Javascript
Angular中使用$watch监听object属性值的变化(详解)
Apr 24 #Javascript
关于angular js_$watch监控属性和对象详解
Apr 24 #Javascript
Javascript操作dom对象之select全面解析
Apr 24 #Javascript
Node+Express+MongoDB实现登录注册功能实例
Apr 23 #Javascript
You might like
用Apache反向代理设置对外的WWW和文件服务器
2006/10/09 PHP
dedecms后台验证码总提示错误的解决方法
2007/03/21 PHP
php5 pdo新改动加载注意事项
2008/09/11 PHP
PHP MVC模式在网站架构中的实现分析
2010/03/04 PHP
php获取域名的google收录示例
2014/03/24 PHP
Ubuntu中搭建Nginx、PHP环境最简单的方法
2015/03/05 PHP
PHP实现的XML操作类【XML Library】
2016/12/29 PHP
使用WAMP搭建PHP本地开发环境
2017/05/10 PHP
Jquery中getJSON在asp.net中的使用说明
2011/03/10 Javascript
jQuery UI 实现email输入提示实例
2013/08/15 Javascript
js Math 对象的方法
2013/09/01 Javascript
js出生日期 年月日级联菜单示例代码
2014/01/10 Javascript
jQuery结合CSS制作动态的下拉菜单
2015/10/27 Javascript
nodejs密码加密中生成随机数的实例代码
2017/07/17 NodeJs
Vue实现todolist删除功能
2018/06/26 Javascript
JS尾递归的实现方法及代码优化技巧
2019/01/19 Javascript
微信小程序实现下拉刷新动画
2019/06/21 Javascript
微信小程序wx.request拦截器使用详解
2019/07/09 Javascript
JAVA面试题 static关键字详解
2019/07/16 Javascript
vue router 传参获取不到的解决方式
2019/11/13 Javascript
Linux下Python获取IP地址的代码
2014/11/30 Python
Python 专题六 局部变量、全局变量global、导入模块变量
2017/03/20 Python
python自动发送邮件脚本
2018/06/20 Python
python中通过selenium简单操作及元素定位知识点总结
2019/09/10 Python
python3 webp转gif格式的实现示例
2019/12/10 Python
django使用F方法更新一个对象多个对象字段的实现
2020/03/28 Python
手工制作的豪华英式沙发和沙发床:Willow & Hall
2019/05/03 全球购物
为您搜罗全球潮流時尚品牌:HBX
2019/12/04 全球购物
Solaris操作系统的线程机制
2012/12/23 面试题
十佳大学生村官事迹
2014/01/09 职场文书
孝老爱亲模范事迹
2014/01/24 职场文书
学习决心书范文
2014/03/11 职场文书
大学生毕业求职信
2014/06/12 职场文书
2016中学教师读书心得体会
2016/01/13 职场文书
2019个人工作总结
2019/06/21 职场文书
人事部:年度述职报告范文
2019/07/12 职场文书