javascript - 如何找出canvas、kinetic js中的点击事件

Question

我正在尝试查找形状上的点击事件。当我单击像矩形这样的形状时，它会变成可拖动的山墙，但是当我单击它的外部时，它应该关闭其可调整大小的功能。我尝试使用模糊功能但不起作用。我不想在鼠标移出时使用它。问题是，当我单击矩形时，它会给我警报，但是当我单击 Canvas 时，它会给我两次警报，因为该形状是 Canvas 的一部分。所以请建议我如何区分点击形状和形状外侧。如何在canvas、kinetic js中找出点击事件

Answer 1

你可以尝试这样的事情

 appendEvents: function(box, area){
        _self = this;

        // add cursor styling
        box.on('mouseover', function() {
            _self.draw = false;
            document.body.style.cursor = 'pointer';
        });
        box.on('mouseout', function() {
            document.body.style.cursor = 'default';
        });
        box.on('click', function() {
            _self.draw = true;
            _self.focusArea(area, box,box.attrs.x,box.attrs.y);
            _self.openFocusArea(area,box,box.attrs.x,box.attrs.y);
        });
        box.on('dragend', function() {
            _self.draw = false;
            _self.dragArea(area, box);
        });
    },