Commit 0f5c5102 authored by Li Mingzhe's avatar Li Mingzhe

fix: drag

parent d25c8f86
File added
......@@ -285,14 +285,27 @@ cc.Class({
// // }
// });
item.on(cc.Node.EventType.TOUCH_START, (e) => {
const touchStart = (e) => {
console.log(' in cc.Node.EventType.TOUCH_START');
console.log(' touch start ');
this.node.emit('item_touch_start', item);
console.log('e: ', e);
if (item.hasEventListener(cc.Node.EventType.MOUSE_DOWN)) {
item.off(cc.Node.EventType.MOUSE_DOWN, mouseDown)
}
}
});
const mouseDown = (e) => {
console.log(' mouse down ');
this.node.emit('item_touch_start', item);
if (item.hasEventListener(cc.Node.EventType.TOUCH_START)) {
item.off(cc.Node.EventType.TOUCH_START, touchStart)
}
}
item.on(cc.Node.EventType.TOUCH_START, touchStart);
item.on(cc.Node.EventType.MOUSE_DOWN, mouseDown);
},
......
......@@ -214,27 +214,93 @@ cc.Class({
initListener() {
const bgBottom = cc.find('Canvas/bgBottom');
// bgBottom.on('item_click', (item) => {
// this.bottomItemClick(item);
// })
const canvas = cc.find('Canvas');
let downFlag = false;
bgBottom.on('item_touch_start', (item) => {
downFlag = true;
this.touchStartItem(item);
})
const canvas = cc.find('Canvas');
// canvas.on('click', () => {
// this.canvasClick();
// })
canvas.on(cc.Node.EventType.TOUCH_MOVE, (e) => {
const touchMove = (e) => {
this.canvasTouchMove(e);
})
canvas.on(cc.Node.EventType.TOUCH_CANCEL, (e) => {
console.log('touch move');
if (canvas.hasEventListener(cc.Node.EventType.MOUSE_MOVE)) {
canvas.off(cc.Node.EventType.MOUSE_MOVE, mouseMove)
}
}
const mouseMove = (e) => {
if (!downFlag) {
return;
}
this.canvasTouchMove(e);
console.log('mouse move');
if (canvas.hasEventListener(cc.Node.EventType.TOUCH_MOVE)) {
canvas.off(cc.Node.EventType.TOUCH_MOVE, touchMove)
}
}
const touchEnd = (e) => {
downFlag = false;
this.canvasTouchEnd(e);
})
canvas.on(cc.Node.EventType.TOUCH_END, (e) => {
console.log('touch end')
if (canvas.hasEventListener(cc.Node.EventType.MOUSE_UP)) {
canvas.off(cc.Node.EventType.MOUSE_UP, mouseUp)
}
if (canvas.hasEventListener(cc.Node.EventType.MOUSE_LEAVE)) {
canvas.off(cc.Node.EventType.MOUSE_LEAVE, mouseUp)
}
}
const mouseUp = (e) => {
downFlag = false;
this.canvasTouchEnd(e);
})
console.log('mouse up')
if (canvas.hasEventListener(cc.Node.EventType.TOUCH_END)) {
canvas.off(cc.Node.EventType.TOUCH_END, touchEnd)
}
if (canvas.hasEventListener(cc.Node.EventType.TOUCH_CANCEL)) {
canvas.off(cc.Node.EventType.TOUCH_CANCEL, touchEnd)
}
}
canvas.on(cc.Node.EventType.TOUCH_MOVE, touchMove)
canvas.on(cc.Node.EventType.MOUSE_MOVE, mouseMove)
canvas.on(cc.Node.EventType.TOUCH_END, touchEnd)
canvas.on(cc.Node.EventType.TOUCH_CANCEL, touchEnd)
canvas.on(cc.Node.EventType.MOUSE_UP, mouseUp)
// canvas.on(cc.Node.EventType.MOUSE_LEAVE, mouseUp)
// canvas.on(cc.Node.EventType.MOUSE_MOVE, (e) => {
// // this.canvasTouchMove(e);
// if (!downFlag) {
// return;
// }
// console.log('mouse');
// moveFunc(e);
// canvas.off(cc.Node.EventType.TOUCH_MOVE, moveFunc)
// })
// canvas.on(cc.Node.EventType.MOUSE_UP, (e) => {
// // this.canvasTouchMove(e);
// canvas.off(cc.Node.EventType.TOUCH_END, endFunc)
// })
// canvas.on(cc.Node.EventType.TOUCH_CANCEL, (e) => {
// downFlag = false;
// this.canvasTouchEnd(e);
// })
// canvas.on(cc.Node.EventType.TOUCH_END, (e) => {
// downFlag = false;
// this.canvasTouchEnd(e);
// })
},
......
......@@ -221,26 +221,97 @@ cc.Class({
initListener: function initListener() {
var _this6 = this;
var bgBottom = cc.find('Canvas/bgBottom'); // bgBottom.on('item_click', (item) => {
// this.bottomItemClick(item);
// })
var bgBottom = cc.find('Canvas/bgBottom');
var canvas = cc.find('Canvas');
var downFlag = false;
bgBottom.on('item_touch_start', function (item) {
downFlag = true;
_this6.touchStartItem(item);
});
var canvas = cc.find('Canvas'); // canvas.on('click', () => {
// this.canvasClick();
// })
canvas.on(cc.Node.EventType.TOUCH_MOVE, function (e) {
var touchMove = function touchMove(e) {
_this6.canvasTouchMove(e);
});
canvas.on(cc.Node.EventType.TOUCH_CANCEL, function (e) {
console.log('touch move');
if (canvas.hasEventListener(cc.Node.EventType.MOUSE_MOVE)) {
canvas.off(cc.Node.EventType.MOUSE_MOVE, mouseMove);
}
};
var mouseMove = function mouseMove(e) {
if (!downFlag) {
return;
}
_this6.canvasTouchMove(e);
console.log('mouse move');
if (canvas.hasEventListener(cc.Node.EventType.TOUCH_MOVE)) {
canvas.off(cc.Node.EventType.TOUCH_MOVE, touchMove);
}
};
var touchEnd = function touchEnd(e) {
downFlag = false;
_this6.canvasTouchEnd(e);
});
canvas.on(cc.Node.EventType.TOUCH_END, function (e) {
console.log('touch end');
if (canvas.hasEventListener(cc.Node.EventType.MOUSE_UP)) {
canvas.off(cc.Node.EventType.MOUSE_UP, mouseUp);
}
if (canvas.hasEventListener(cc.Node.EventType.MOUSE_LEAVE)) {
canvas.off(cc.Node.EventType.MOUSE_LEAVE, mouseUp);
}
};
var mouseUp = function mouseUp(e) {
downFlag = false;
_this6.canvasTouchEnd(e);
});
console.log('mouse up');
if (canvas.hasEventListener(cc.Node.EventType.TOUCH_END)) {
canvas.off(cc.Node.EventType.TOUCH_END, touchEnd);
}
if (canvas.hasEventListener(cc.Node.EventType.TOUCH_CANCEL)) {
canvas.off(cc.Node.EventType.TOUCH_CANCEL, touchEnd);
}
};
canvas.on(cc.Node.EventType.TOUCH_MOVE, touchMove);
canvas.on(cc.Node.EventType.MOUSE_MOVE, mouseMove);
canvas.on(cc.Node.EventType.TOUCH_END, touchEnd);
canvas.on(cc.Node.EventType.TOUCH_CANCEL, touchEnd);
canvas.on(cc.Node.EventType.MOUSE_UP, mouseUp); // canvas.on(cc.Node.EventType.MOUSE_LEAVE, mouseUp)
// canvas.on(cc.Node.EventType.MOUSE_MOVE, (e) => {
// // this.canvasTouchMove(e);
// if (!downFlag) {
// return;
// }
// console.log('mouse');
// moveFunc(e);
// canvas.off(cc.Node.EventType.TOUCH_MOVE, moveFunc)
// })
// canvas.on(cc.Node.EventType.MOUSE_UP, (e) => {
// // this.canvasTouchMove(e);
// canvas.off(cc.Node.EventType.TOUCH_END, endFunc)
// })
// canvas.on(cc.Node.EventType.TOUCH_CANCEL, (e) => {
// downFlag = false;
// this.canvasTouchEnd(e);
// })
// canvas.on(cc.Node.EventType.TOUCH_END, (e) => {
// downFlag = false;
// this.canvasTouchEnd(e);
// })
},
initView: function initView() {
this.initBg();
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -276,13 +276,28 @@ cc.Class({
// // cc.audioEngine.play(item.audioClip, false, 0.5);
// // }
// });
item.on(cc.Node.EventType.TOUCH_START, function (e) {
console.log(' in cc.Node.EventType.TOUCH_START');
var touchStart = function touchStart(e) {
console.log(' touch start ');
_this4.node.emit('item_touch_start', item);
console.log('e: ', e);
});
if (item.hasEventListener(cc.Node.EventType.MOUSE_DOWN)) {
item.off(cc.Node.EventType.MOUSE_DOWN, mouseDown);
}
};
var mouseDown = function mouseDown(e) {
console.log(' mouse down ');
_this4.node.emit('item_touch_start', item);
if (item.hasEventListener(cc.Node.EventType.TOUCH_START)) {
item.off(cc.Node.EventType.TOUCH_START, touchStart);
}
};
item.on(cc.Node.EventType.TOUCH_START, touchStart);
item.on(cc.Node.EventType.MOUSE_DOWN, mouseDown);
},
_refreshPage: function _refreshPage() {
var _this5 = this;
......
This diff is collapsed.
......@@ -6,7 +6,7 @@
"url": "app://editor/index.html",
"windowType": "dockable",
"x": 0,
"y": 23,
"y": 28,
"width": 1680,
"height": 942,
"layout": {
......@@ -105,7 +105,8 @@
"inspector",
"cocos-services"
]
}
},
"worker": {}
},
"panels": {
"sprite-editor": {
......
{"version":"1.0.8","stats":{"/Users/lmz/Documents/workspace/git_project/cocos/cc_mz_003/play/temp/quick-scripts/src/__qc_index__.js":"2020-08-19T01:42:12.970Z","/Users/lmz/Documents/workspace/git_project/cocos/cc_mz_003/play/temp/quick-scripts/src/assets/mz_003/script/scene.js":"2020-08-19T01:42:12.949Z","/Users/lmz/Documents/workspace/git_project/cocos/cc_mz_003/play/temp/quick-scripts/src/assets/mz_003/prefab/bgBottom.js":"2020-08-19T01:42:12.953Z","/Users/lmz/Documents/workspace/git_project/cocos/cc_mz_003/play/temp/quick-scripts/src/assets/mz_003/script/util.js":"2020-08-19T01:42:12.951Z"}}
{"version":"1.0.8","stats":{"/Users/limingzhe/Documents/workspace/pro_hw/pro_cocos/cc_mz_003/play/temp/quick-scripts/src/__qc_index__.js":"2020-11-09T02:47:18.743Z","/Users/limingzhe/Documents/workspace/pro_hw/pro_cocos/cc_mz_003/play/temp/quick-scripts/src/assets/mz_003/prefab/bgBottom.js":"2020-11-09T02:47:18.727Z","/Users/limingzhe/Documents/workspace/pro_hw/pro_cocos/cc_mz_003/play/temp/quick-scripts/src/assets/mz_003/script/scene.js":"2020-11-09T02:47:18.726Z","/Users/limingzhe/Documents/workspace/pro_hw/pro_cocos/cc_mz_003/play/temp/quick-scripts/src/assets/mz_003/script/util.js":"2020-11-09T02:47:18.726Z"}}
This source diff could not be displayed because it is too large. You can view the blob instead.
(function () {
var scripts = [{"deps":{"./assets/mz_003/script/scene":1,"./assets/mz_003/prefab/bgBottom":2,"./assets/mz_003/script/util":3},"path":"preview-scripts/__qc_index__.js"},{"deps":{"./util":3},"path":"preview-scripts/assets/mz_003/script/scene.js"},{"deps":{"../script/util":3},"path":"preview-scripts/assets/mz_003/prefab/bgBottom.js"},{"deps":{},"path":"preview-scripts/assets/mz_003/script/util.js"}];
var scripts = [{"deps":{"./assets/mz_003/script/scene":2,"./assets/mz_003/prefab/bgBottom":1,"./assets/mz_003/script/util":3},"path":"preview-scripts/__qc_index__.js"},{"deps":{"../script/util":3},"path":"preview-scripts/assets/mz_003/prefab/bgBottom.js"},{"deps":{"./util":3},"path":"preview-scripts/assets/mz_003/script/scene.js"},{"deps":{},"path":"preview-scripts/assets/mz_003/script/util.js"}];
var entries = ["preview-scripts/__qc_index__.js"];
var bundleScript = 'preview-scripts/__qc_bundle__.js';
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -276,13 +276,28 @@ cc.Class({
// // cc.audioEngine.play(item.audioClip, false, 0.5);
// // }
// });
item.on(cc.Node.EventType.TOUCH_START, function (e) {
console.log(' in cc.Node.EventType.TOUCH_START');
var touchStart = function touchStart(e) {
console.log(' touch start ');
_this4.node.emit('item_touch_start', item);
console.log('e: ', e);
});
if (item.hasEventListener(cc.Node.EventType.MOUSE_DOWN)) {
item.off(cc.Node.EventType.MOUSE_DOWN, mouseDown);
}
};
var mouseDown = function mouseDown(e) {
console.log(' mouse down ');
_this4.node.emit('item_touch_start', item);
if (item.hasEventListener(cc.Node.EventType.TOUCH_START)) {
item.off(cc.Node.EventType.TOUCH_START, touchStart);
}
};
item.on(cc.Node.EventType.TOUCH_START, touchStart);
item.on(cc.Node.EventType.MOUSE_DOWN, mouseDown);
},
_refreshPage: function _refreshPage() {
var _this5 = this;
......
......@@ -221,26 +221,97 @@ cc.Class({
initListener: function initListener() {
var _this6 = this;
var bgBottom = cc.find('Canvas/bgBottom'); // bgBottom.on('item_click', (item) => {
// this.bottomItemClick(item);
// })
var bgBottom = cc.find('Canvas/bgBottom');
var canvas = cc.find('Canvas');
var downFlag = false;
bgBottom.on('item_touch_start', function (item) {
downFlag = true;
_this6.touchStartItem(item);
});
var canvas = cc.find('Canvas'); // canvas.on('click', () => {
// this.canvasClick();
// })
canvas.on(cc.Node.EventType.TOUCH_MOVE, function (e) {
var touchMove = function touchMove(e) {
_this6.canvasTouchMove(e);
});
canvas.on(cc.Node.EventType.TOUCH_CANCEL, function (e) {
console.log('touch move');
if (canvas.hasEventListener(cc.Node.EventType.MOUSE_MOVE)) {
canvas.off(cc.Node.EventType.MOUSE_MOVE, mouseMove);
}
};
var mouseMove = function mouseMove(e) {
if (!downFlag) {
return;
}
_this6.canvasTouchMove(e);
console.log('mouse move');
if (canvas.hasEventListener(cc.Node.EventType.TOUCH_MOVE)) {
canvas.off(cc.Node.EventType.TOUCH_MOVE, touchMove);
}
};
var touchEnd = function touchEnd(e) {
downFlag = false;
_this6.canvasTouchEnd(e);
});
canvas.on(cc.Node.EventType.TOUCH_END, function (e) {
console.log('touch end');
if (canvas.hasEventListener(cc.Node.EventType.MOUSE_UP)) {
canvas.off(cc.Node.EventType.MOUSE_UP, mouseUp);
}
if (canvas.hasEventListener(cc.Node.EventType.MOUSE_LEAVE)) {
canvas.off(cc.Node.EventType.MOUSE_LEAVE, mouseUp);
}
};
var mouseUp = function mouseUp(e) {
downFlag = false;
_this6.canvasTouchEnd(e);
});
console.log('mouse up');
if (canvas.hasEventListener(cc.Node.EventType.TOUCH_END)) {
canvas.off(cc.Node.EventType.TOUCH_END, touchEnd);
}
if (canvas.hasEventListener(cc.Node.EventType.TOUCH_CANCEL)) {
canvas.off(cc.Node.EventType.TOUCH_CANCEL, touchEnd);
}
};
canvas.on(cc.Node.EventType.TOUCH_MOVE, touchMove);
canvas.on(cc.Node.EventType.MOUSE_MOVE, mouseMove);
canvas.on(cc.Node.EventType.TOUCH_END, touchEnd);
canvas.on(cc.Node.EventType.TOUCH_CANCEL, touchEnd);
canvas.on(cc.Node.EventType.MOUSE_UP, mouseUp); // canvas.on(cc.Node.EventType.MOUSE_LEAVE, mouseUp)
// canvas.on(cc.Node.EventType.MOUSE_MOVE, (e) => {
// // this.canvasTouchMove(e);
// if (!downFlag) {
// return;
// }
// console.log('mouse');
// moveFunc(e);
// canvas.off(cc.Node.EventType.TOUCH_MOVE, moveFunc)
// })
// canvas.on(cc.Node.EventType.MOUSE_UP, (e) => {
// // this.canvasTouchMove(e);
// canvas.off(cc.Node.EventType.TOUCH_END, endFunc)
// })
// canvas.on(cc.Node.EventType.TOUCH_CANCEL, (e) => {
// downFlag = false;
// this.canvasTouchEnd(e);
// })
// canvas.on(cc.Node.EventType.TOUCH_END, (e) => {
// downFlag = false;
// this.canvasTouchEnd(e);
// })
},
initView: function initView() {
this.initBg();
......
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment