CocosCreator 新手引导 圆圈圈中部分能点击 ，圈外点击无效

上周做了一个游戏新手引导，规则是 在游戏上添加遮罩，圈中的地方点击会穿透到相应的按钮上，其余部分 阻止穿透，本人级别低，没做出来，请教了一下公司的大神，不过代码依然没看懂，但是能用  

脚本代码如下  

cc.Class({
    extends: cc.Component,

    properties: {
        circleNode: {displayName: "圈圈", default: null, type: cc.Node},
        _isCatchTouch: true,
    },

    onLoad() {
        this.node.width = this.node.height = 10000;
        this.node.on(cc.Node.EventType.TOUCH_START, this.onTouchBg, this);
    },

    onTouchBg(event) {
        let point = event.getLocation();
        let retWord = this.circleNode.getBoundingBoxToWorld();
        let space = 40;
        retWord.width -= space;
        retWord.width = retWord.width <= 0 ? 0 : retWord.width;
        retWord.height -= space;
        retWord.height = retWord.height <= 0 ? 0 : retWord.height;
        if (retWord.contains(point)) {
            this.node._touchListener.setSwallowTouches(false);
        } else {
            this.node._touchListener.setSwallowTouches(true);
        }
    },
});

CocosCreator 引擎中 层级编辑器  和场景编辑器  如下图

使用规则是： 新建一个maskNode节点  为此节点添加js脚本    测试结果是  点击button 有相应 点击2（也是一个button） 不响应