蚂蚁论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 50|回复: 0

AngularJS基础 ng-keyup 指令简单示例

[复制链接]

1979

主题

1

好友

1609

积分

管理员

Rank: 64Rank: 64Rank: 64Rank: 64

  • TA的每日心情
    奋斗
    2016-1-22 16:23
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    荣誉管理 论坛元老 热心会员 活跃会员 最佳新人 灌水之王

    发表于 2017-10-13 15:20:02 |显示全部楼层
    AngularJS基础 ng-keyup 指令简单示例
    AngularJS ng-keyup 指令

    AngularJS 实例

    按键松开时执行的代码:


    lt;!DOCTYPE htmlgt;
    lt;htmlgt;
    lt;headgt;
    lt;meta charset="utf-8"gt;
    lt;script src="appsbdimg/libs/angularjs/146/angularminjs"gt;lt;/scriptgt;
    lt;/headgt;
    lt;body ng-app=""gt;

    lt;input ng-keyup="count = count + 1" ng-init="count=0" /gt;

    lt;h1gt;{{count}}lt;/h1gt;

    lt;pgt;该实例在输入框每次按键松开时,计算变量 "count" 会自动加 1。lt;/pgt;

    lt;/bodygt;
    lt;/htmlgt;


    定义和用法

    ng-keyup 指令用于告诉 AngularJS 在指定 HTML 元素上按键松开时需要的操作。

    ng-keyup 指令不会覆盖元素的原生 onkeyup 事件, 事件触发时,ng-keyup 表达式与原生的 onkeyup 事件将都会执行。

    按键敲击的事件顺序:

    1Keydown

    2Keypress

    3Keyup

    语法

    lt;element ng-keyup="expression"gt;lt;/elementgt;

    lt;inputgt;, lt;selectgt;, lt;textareagt;, 和其他可编辑元素该指令。

    参数值


      
       
          值
          描述
       
       
          expression
          按键松开执行的表达式。
       
      


    以上就是对AngularJS ng-keyup 指令的资料整理,后续继续补充!
    您需要登录后才可以回帖 登录 | 立即注册

    关闭

    蚂蚁站长论坛推荐上一条 /1 下一条

    QQ|Archiver|手机版|广告服务|蚂蚁站长-站长之家 ( 黔ICP备16008478号-1  

    GMT+8, 2017-10-23 06:49

    Powered by 站长论坛

    © 2007-2013 Jzant.com Inc.

    回顶部