如何在canvas,kinetic js中找出click事件

时间:2014-06-16 11:34:02

标签: javascript html5 kineticjs

我正在尝试在形状上找到点击事件。当我点击形状像矩形时,它变得拖曳,但当我点击它外面时,它应该关闭其可调整大小的功能。 我试过模糊功能,但不起作用。我不希望鼠标出来。 问题是,当我点击矩形它给我警报,但当我点击画布它给我两次警报,因为该形状是画布的一部分。 所以请建议我如何区分点击形状和外侧的形状。 如何找出canvas中的click事件,kinetic js

1 个答案:

答案 0 :(得分: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);
        });
    },