定义和用法

ng-keypress 指令告诉 AngularJS 在特定 HTML 元素上使用键盘时应执行的操作。

AngularJS 中的 ng-keypress 指令不会覆盖元素的原始 onkeypress 事件，两者都会被执行。

击键的顺序是：

1. Keydown（键盘按下）
2. Keypress（键盘按压）
3. Keyup（键盘松开）

实例

每次击键时执行一个表达式：

{{count}}

亲自试一试

语法

<element ng-keypress="expression">element>

支持 、、</code> 和其他可编辑元素。</p> <h3>参数</h3> <table class="parameter"> <tr> <th style="width: 25%;">参数</th> <th>描述</th> </tr> <tr> <td><i>expression</i></td> <td>当按下键时执行的表达式。</td> </tr> </table> </section> <div class="backtoreference"> <p><a href="/pa/angular/angular_ref_directives.html">AngularJS 参考手册</a></p> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> 工具箱 </center><h3> <h5 id="tools_reference"><a href="/pa/angular/angular_ref_directives.html">AngularJS 参考手册</a></h5> <h5 id="tools_example"><a href="/pa/angular/angular_examples.html">AngularJS 实例</a></h5> </div> <div><h3><center> 赞助商链接 </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com 提供的内容仅用于培训和测试，不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有，保留一切权利。 </p> <p id="p2"> <a href="/pa/about/index.html" title="关于 CodeW3C.com">关于 CodeW3C.com</a> <a href="/pa/about/about_helping.html" title="帮助 CodeW3C.com">帮助 CodeW3C.com</a> <a href="/pa/about/about_use.html" title="关于使用">使用条款</a> <a href="/pa/about/about_privacy.html" title="关于隐私">隐私条款</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Ce4e.com پاورڈ"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>