Raphael canvas (background) onclick event

前端 未结 3 1298
离开以前
离开以前 2021-02-07 08:19

I have been working with Raphael to create drag and drop shapes on a canvas. I do this using the .drag() function (supplied in the Raphael framework) along with my

3条回答
  •  甜味超标
    2021-02-07 08:42

    As the accepted answer didn't work for me (though it did get me on the right track) I thought I would post how I solved it in case there is anybody else in my position...

    //Create paper element from canvas DIV
    var canvas = $("#Canvas");
    paper = Raphael("Canvas", canvas.width(), canvas.height());
    
    //Register Event
    $("#Canvas").click(CanvasClick);
    
    //Event Handler
    function CanvasClick(e) {
        if (e.target.nodeName == "svg")
        {
           //This will only occur if the actual canvas area is clicked, not any other drawn elements
        }
    }
    

提交回复
热议问题