1. 程式人生 > >Cocos Creator 按鈕響應事件

Cocos Creator 按鈕響應事件

ava soft self. eat 自動 cos sof cli fault

Cocos Creator版本:v1.7.0-rc.2

一、方法一

1.在LoginSceneCavans的腳本文件LoginScene.js中增加btnClick函數

    btnClick(event, customEventData){
         console.log("event=",event.type," data=",customEventData);
    },

2.按步驟在(按鈕wx_btn的屬性檢查器)上進行操作

①在Click Events中填上1,然後編輯器自動生成下方屬性輸入

②將LoginSceneCanvas拖動到cc.Node屬性上

③選擇對應腳本LoginScene.js

④選擇對應處理函數

⑤填寫自定義事件數據

技術分享圖片

3.運行後點擊按鈕輸出

技術分享圖片

二、方法二

1.在LoginSceneCavans的腳本文件LoginScene.js中增加一個cc.Button屬性以及註冊按鈕響應事件

    properties: {
        wx_btn: {
            default: null,
            type: cc.Button
        }
    },

    onLoad() {
        var self = this;
        self.wx_btn.node.on(cc.Node.EventType.TOUCH_START, 
function (event) { console.log("TOUCH_START") }); self.wx_btn.node.on(cc.Node.EventType.TOUCH_MOVE, function (event) { console.log("TOUCH_MOVE") }); self.wx_btn.node.on(cc.Node.EventType.TOUCH_END, function (event) { console.log(
"TOUCH_END") }); },

2.將按鈕拖動到(LoginSceneCanvas的屬性檢查器)按鈕屬性上

技術分享圖片

3.運行點擊按鈕輸出(PS:當移動到按鈕區域外松開,接收不到TOUCH_END事件響應)

技術分享圖片

以上,完。

Cocos Creator 按鈕響應事件