Raphael JS - disable HREF in the drawing

Question

I am using Rapheael to draw a control Dashboard. Right now I am adding a hyperlink object into the Dashboard editor. It is a text with the HREF attribute. When I add the element and click on it, it opens the link. Is there some way to temporarly disable the link? When I click the other elements, it opens the property dialog. I would like that also with the Hyperlink object.

I've tried adding return:false, but didn't help:

obj.dblclick(function (event) {
        jQuery('##divProperties').dialog('open');
        return false;
    });

Try adding event.preventDefault() as the first line in the dblclick method. — Robert Longson, Nov 20 '12 at 09:44
@RobertLongson it worked! I've added event.preventDefault(); to obj.click Thank you! — Kokesh, Nov 20 '12 at 09:47

score 1 · Accepted Answer · answered Nov 20 '12 at 09:51

Returning false is a way to cancel events with more traditional event binding, e.g.

obj.onclick = function() { return false }

or

<a onclick="return false;"></a>

But it doesn't work with jQuery event bindings.

To do that, you need to call the .preventDefault() method on the event object, which is passed to the event handler:

obj.dblclick(function (event) {
        jQuery('##divProperties').dialog('open');
        event.preventDefault();
    });

You may want to prevent default on the click event also if you're capturing double click so it doesn't get fired either.

yep, the second one works. I had to add it to obj.onclick, as that one is called first. — Kokesh, Nov 20 '12 at 09:52

Raphael JS - disable HREF in the drawing

1 Answers1