Angularjs ng-keypress directive
อินสแตนซ์ Angularjs
รหัสดำเนินการเมื่อกดปุ่ม:
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ng-init = "count = 0" /> <h1> {{count}} < /h1> <p> อินสแตนซ์นี้จะเพิ่ม 1 ลงในตัวแปรการคำนวณ "นับ" ทุกครั้งที่กดปุ่มในกล่องอินพุต </p> </body> </html>คำจำกัดความและการใช้งาน
คำสั่ง NG-Keypress บอก AngularJS ว่าจะทำอย่างไรเมื่อกดปุ่มในองค์ประกอบ HTML ที่ระบุ
คำสั่ง NG-Keypress จะไม่เขียนทับกิจกรรม OnKeypress ดั้งเดิมขององค์ประกอบ เมื่อเหตุการณ์ถูกทริกเกอร์ทั้งนิพจน์ NG-Keypress และเหตุการณ์ OnKeypress ดั้งเดิมจะถูกดำเนินการ
ลำดับเหตุการณ์ของการกดแป้น:
1. คีย์ดาวน์
2.Keypress
3.Keyup
ไวยากรณ์
<องค์ประกอบ ng-keypress = "expression"> </element>
<put>, <elect>, <Textarea> และองค์ประกอบที่แก้ไขได้อื่น ๆ รองรับคำสั่งนี้
ค่าพารามิเตอร์
| ค่า | อธิบาย |
|---|---|
| การแสดงออก | นิพจน์ที่ดำเนินการโดยกดปุ่ม |