Cocos2d-JS鍵盤事件

Cocos2d-JS中的鍵盤事件與觸摸事件不一樣，它沒有空間方面信息。鍵盤事件不只能夠響應鍵盤，還能夠響應設備的菜單。
鍵盤事件是EventKeyboard，對應的鍵盤事件監聽器（cc.EventListener.KEYBOARD），鍵盤事件響應屬性：
onKeyPressed。當鍵按下時回調該屬性所指定函數。
onKeyReleased。當鍵擡起時回調該屬性所指定函數。
使用鍵盤事件處理的代碼片斷以下：

[html] view plaincopy

1. onEnter: function () {  

2.         this._super();  

3.         cc.log("HelloWorld onEnter");  

4.       

5.         cc.eventManager.addListener({   ①  

6.         event: cc.EventListener.KEYBOARD,   ②  

7.         onKeyPressed:  function(keyCode, event){    ③  

8.         cc.log("Key with keycode " + keyCode + " pressed");  

9.         },  

10.         onKeyReleased: function(keyCode, event){    ④  

11.         cc.log("Key with keycode " + keyCode + " released");  

12.         }  

13.         }, this);  

14.     },  

15.     onExit: function () {  

16.         this._super();  

17.         cc.log("HelloWorld onExit");  

18.         cc.eventManager.removeListeners(cc.EventListener.KEYBOARD); ⑤  

19.     }  

上述代碼第①行cc.eventManager.addListener是經過快捷方式註冊事件監聽器對象。第②行代碼是設置鍵盤事件cc.EventListener.KEYBOARD。第③行代碼是設置鍵盤按下屬性onKeyPressed，其中的參數keyCode是按下的鍵編號。第④行代碼是設置鍵盤擡起屬性onKeyReleased。
上述onExit()函數是退出層時候回調，咱們在代碼第⑤行註銷全部鍵盤事件的監聽。
咱們能夠使用Cocos Code IDE和WebStorm工具進行測試，輸出的結果以下：

[html] view plaincopy

1. JS: Key with keycode 124 released  

2. JS: Key with keycode 124 pressed  

3. JS: Key with keycode 139 pressed  

4. JS: Key with keycode 139 released  

5. JS: Key with keycode 124 released  

6. JS: Key with keycode 139 pressed  

7. JS: Key with keycode 124 pressed  

8. JS: Key with keycode 139 released  

9. JS: Key with keycode 124 released  

10. JS: Key with keycode 139 pressed  

11. JS: Key with keycode 124 pressed  

12. JS: Key with keycode 139 released  

13. JS: Key with keycode 124 released  

更多內容請關注最新Cocos圖書《Cocos2d-x實戰：JS卷——Cocos2d-JS開發》

本書交流討論網站：http://www.cocoagame.net

歡迎加入Cocos2d-x技術討論羣：257760386

更多精彩視頻課程請關注智捷課堂Cocos課程：http://v.51work6.com

智捷課堂現推出Cocos會員，敬請關注：http://v.51work6.com/courseInfoRedirect.do?action=netDetialInfo&courseId=844465&categoryId=0

《Cocos2d-x實戰 JS卷》現已上線，各大商店均已開售：

京東：http://item.jd.com/11659698.html

歡迎關注智捷iOS課堂微信公共平臺，瞭解最新技術文章、圖書、教程信息