angularjs的ng-keyup事件

angular学习笔记02 angular指令大全

<input ng-keyup="event=$event">
//<p>event keyCode: {{ event.keyCode }}</p>
//<p>event altKey: {{ event.shiftKey }}</p>

myApp.directive(‘ngEnter‘, function () {

   return function (scope, element, attrs) {

     element.bind("keydown keypress", function (event) {

       if (event.which === 13) {

         scope.$apply(function () {

           scope.$eval(attrs.ngEnter);

         });

         event.preventDefault();

       }

     });

   };

 });

在对应的控制器中的$scope上绑定一个shirtKeyCheck方法

$scope.shirtKeyCheck=function($event){

  if($event.keyCode==13){//回车13,shift键为16 

    alert(‘按下了回车键‘);

  }

}

时间: 2024-11-08 06:36:41

angularjs的ng-keyup事件的相关文章

转走进AngularJs(八) ng的路由机制

走进AngularJs(八) ng的路由机制 2013-12-19 我来说两句 收藏 我要投稿 今天心情不错~,公司请了个中医来给按摩拔罐刮痧,一套下来那个爽啊~,趁着精力充沛了解了下Angular的路由机制,在此分享出来与大家共同学习. 在谈路由机制前有必要先提一下现在比较流行的单页面应用,就是所谓的single page APP.为了实现无刷新的视图切换,我们通常会用ajax请求从后台取数据,然后套上HTML模板渲染在页面上,然而ajax的一个致命缺点就是导致浏览器后退按钮失效,尽管我们可以

keyDown keyPress keyUp 事件的区别

keyDown keyPress keyUp  事件的区别 一 触发顺序 显而易见,事件发生的顺序是: keydown --> keypress --> keyup 当按住一个键一段时间后再放开时,结果为: keydownkeypresskeydownkeypresskeydownkeypresskeydownkeypress ...keyup n个keydown和n个keypress,1个keyup,系统设置的时间间隔. 二 具体区别 KeyPress主要用来接收字母.数字等ANSI字符,而

IOS自带输入法中文不触发KEYUP事件导致vue双向绑定错误问题

先上图: 可以看到输入框中的内容和弹出框的内容不一致, <input class="am-fr labRight" id="txcode" type="text" placeholder="请输入纳税人识别号" v-model="invBuyer.TaxCode" /> 文本框使用的是vue的v-model双向绑定,在android中是ok的,在IOS上不行, 导致问题出现的原因是IOS自带输入

关于AngularJs中监听事件及脏循环的理解

可能很多刚入行或者刚学习的前端对于AngularJs中的一些事件或者概念感觉不理解或者没有思路,今天让我们一起来剖析一下AngularJs中的一些事件. AngularJs中对于的监听事件会用到一个scope函数$watch,它包含了三个参数,首先我们在概念上来了解一下: $watch是一个scope函数,用于监听模型变化,当你的模型部分发生变化时它会通知你. $watch(watchExpression, listener, objectEquality); 每个参数的说明如下: watchE

jQuery的keyup事件

keyup事件的定义和用法: 当按键被松开时触发keyup事件. 语法结构: 为keyup事件绑定事件处理方法. $(selector).keyup(data,function) 参数列表: 参数 描述 data 可选.定义传入供function处理的数据. function 定义keyup事件触发时运行的函数. 实例代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <

C#控件中的KeyDown、KeyPress 与 KeyUp事件浅谈

C#控件中的KeyDown.KeyPress 与 KeyUp事件浅谈 研究了一下KeyDown,KeyPress 和 KeyUp 的学问.让我们带着如下问题来说明: 1.这三个事件的顺序是怎么样的? 2.KeyDown 触发后,KeyUp是不是一定触发? 3.三个事件的定义 4.KeyDown.KeyUp 和KeyPress 之间的区别 5.如何区分是否按的是小键盘? 6.PrScrn按键三个事件能够捕获吗? 7.{菜单键}和{开始键}KeyPress能够捕获吗? 8.如何捕获系统的组合键? 9

IOS不触发文本框输入中文的keyup事件

问题描述:IOS不触发文本框输入中文的keyup事件,在输入中文之后需要点击回退按键,才会开始搜索.问题分析:IOS的输入法(不管是第三方还是自带)能检测到英文或者数字的keyup事件,检测不到中文的keyup事件.解决方案:把keyup事件换成[input]和[propertychange]事件. var eventName = (navigator.userAgent.indexOf("MSIE")!=-1) ? "propertychange" :"

移动端、手机网站中文输入法下keyup事件部分按键无效

微信公众平台开发时,客户提需求"输入框中输入内容时,输入框后边显示清除按钮,清除输入框中的内容",使用"keyup"事件时在中文输入法下部分按键keyup事件无效, 以下为解决方案. 绑定"input"和"propertychange"事件可以解决,以下为代码: var bind_name="input";//定义所要绑定的事件名称 if(navigator.userAgent.indexOf("

IOS系统兼容input keyup事件

最近在做移动端模糊搜索功能,js监听input的keyup事件,在chrom模拟器和android手机环境运行都没有问题,到了ios手机却出现bug,没法实现功能: 查了好一会资料,发现keyup事件在ios系统下存在不兼容问题,解决的方法是通过 html5的 oninput事件来实现,代码如下: <input id="input" type="text" /> document.querySelector('#input').addEventListe

走进AngularJs(二) ng模板中常用指令的使用方式

通过使用模板,我们可以把model和controller中的数据组装起来呈现给浏览器,还可以通过数据绑定,实时更新视图,让我们的页面变成动态的.ng的模板真是让我爱不释手.学习ng道路还很漫长,从模板开始入手是个不错方式,因为这部分内容相对简单好理解,而且是视图层的东西,大家都喜欢可以立马看得见的东西嘛.本篇我将搜罗模板中的常用指令一一测试,了解其使用方法,有点像背单词的感觉,会比较枯燥.不过对于初学,这样的枯燥是必须要经历的,开始~ 一.模板中可使用的东西及表达式 模板中可以使用的东西包括以下