lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-12-29 10:04:34 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

event delegation support

Browse Source
This commit is contained in:
lavrton
2015-11-22 10:44:33 +07:00
parent 65bea76644
commit d1d30c6c1a
7 changed files with 217 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
test/unit/Node-test.js
View File

@@ -1846,6 +1846,63 @@ suite('Node', function() {
assert.equal(clicks[1], 'layer');
});
test('simple event delegation', function() {
var stage = addStage();
var layer = new Konva.Layer();
var circle = new Konva.Circle({
x: stage.getWidth() / 2,
y: stage.getHeight() / 2,
radius: 70,
fill: 'green',
stroke: 'black',
strokeWidth: 4,
name: 'myCircle'
});
stage.add(layer);
layer.add(circle);
layer.draw();
var fired = false;
layer.on('click', 'Circle', function(e) {
assert.equal(this, circle);
assert.equal(e.currentTarget, circle);
fired = true;
});
circle.fire('click', null, true);
assert(fired, true);
});
test('complex event delegation', function() {
var stage = addStage();
var layer = new Konva.Layer();
stage.add(layer);
var circle = new Konva.Circle({
x: stage.getWidth() / 2,
y: stage.getHeight() / 2,
radius: 70,
fill: 'green',
stroke: 'black',
strokeWidth: 4,
name: 'myCircle'
});
var group = new Konva.Group({
name: 'group1 group2'
});
group.add(circle);
layer.add(group);
layer.draw();
var fired = false;
layer.on('click', '.group1', function(e) {
assert.equal(this, group);
assert.equal(e.currentTarget, group);
fired = true;
});
circle.fire('click', null, true);
assert(fired, true);
});
// ======================================================
test('move shape, group, and layer, and then get absolute position', function() {
var stage = addStage();