如何找出点击事件在画布,动态js

how to find out click event in canvas,kinetic js

本文关键字:动态 js 何找 出点 事件      更新时间:2023-09-26

我试图找到点击事件的形状。当我点击矩形时,它会变成可拖拽的,但是当我点击它的外部时,它会关闭可调整大小的功能。我尝试了模糊功能,但不起作用。我不想让鼠标移出。问题是,当我点击矩形时它会给我警告但当我点击画布时它会给我两次警告因为那个形状是画布的一部分。所以请告诉我如何区分点击形状和形状的外侧。如何找出点击事件在画布,动态js

你可以尝试这样做

 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);
        });
    },