js 触摸事件

1.触摸事件 -- 单点

onTouchBegan:function(touch,event){

        var touchPoint = touch.getLocation();

        return true;//不会向下执行其他事件了

    },

onTouchMoved:function (touch, event) {

    },

onTouchEnded:function (touch, event) {

    },

注册事件层

onEnter:function(){

        cc.registerTargettedDelegate(cc.MENU_HANDLER_PRIORITY-1, true, this); //注册层次大于 0 不管用

        this._super();

    },

    onExit:function(){

        cc.unregisterTouchDelegate(this);

        this._super();

    }

2.触摸事件 -- 多点

onTouchesBegan:function (touches, event) {

    },
onTouchesMoved:function (touches, event) {

            if (touches) {
                 cc.p(touches[0].getLocation().x, touches[0].getLocation().y);  //获得触摸地点坐标

                var delta = touches[0].getDelta();   //delta.y 触摸动距离，根据这个可以移动控件

            }

    },
onTouchesEnded:function (touches, event) {},
onTouchesCancelled:function (touches, event) {}

3.屏蔽层

1.简单的屏蔽

(1)按钮实现：在一个 layer 上放一个和屏幕一样大的按钮 menu，设成透明的，所有低于这个按钮的事件都会被这个按钮所接受，不会向下传递。

(2)屏蔽层实现：

onEnter:function(){

        cc.registerTargettedDelegate(cc.MENU_HANDLER_PRIORITY-1, true, this); //设成比按钮的层次低

        this._super();

    },

    onExit:function(){

        cc.unregisterTouchDelegate(this);

        this._super();

    }

onTouchBegan:function(touch,event){

        var pos = this.Menu.convertTouchToNodeSpace(touch);//按钮的 Menu

        var ret = true;

        if(cc.rectContainsPoint(this.ItemMenu.rect(), pos1))//按钮的ItemMenu 

        {

            this._close.activate();//可无

            ret = false;

        }

      return ret;//返回 true 屏蔽所有

    },

2.屏蔽层上又 tableview、scrollview 。。。

按钮实现：这些 UI 事件都低于按钮事件，很多事件都会在设的按钮屏蔽层处理掉，tableview 。。。事件不会响应。

                    table.setTouchPriority(cc.MENU_HANDLER_PRIORITY-2);  //设成比按钮处理事件层高就行了。

3.scrollview上有tableview，滑动tableview时scrollview不动

(1)tableview 所在的 layer 

this.setTouchPriority(cc.MENU_HANDLER_PRIORITY-2);

this.setTouchMode(cc.TOUCH_ONE_BY_ONE);

this.setTouchEnabled(true); 

tableView.setTouchPriority(cc.MENU_HANDLER_PRIORITY-3);

onTouchBegan:function (touch, event) {

        var pos = touch.getLocation();

        if(cc.rectContainsPoint(rect, pos)){//触摸在tableview 上不向下传递则scrollview 无法响应  

            return true;

        }

        return false;

    },

4.通过移除和添加屏蔽层，实现一些屏蔽

4.按钮屏蔽问题

按钮做底层屏蔽一些事件，会影响到有限级别低于按钮的事件，大部分事件都在按钮层处理了。

1.单触摸事件

this.setTouchPriority(cc.MENU_HANDLER_PRIORITY-2);  //层设的比按钮低

this.setTouchEnabled(true);

this.setTouchMode(cc.TOUCH_ONE_BY_ONE);

onTouchBegan:function (touch, event) {  //必须返回 true onTouchMoved才能接到事件

    return true;

},

onTouchMoved 才会响应

层上的其他按钮好使

设置按钮 menu.setTouchPriority(cc.MENU_HANDLER_PRIORITY-3); 

方法

this.setTouchPriority(cc.MENU_HANDLER_PRIORITY-2);

this.setTouchMode(cc.TOUCH_ONE_BY_ONE);

this.setTouchEnabled(true);