jQuery: Allow text selection inside <a>

Question

When trying to select text inside a, it's just dragging link.

Is it possible to disable this behavior while keeping link clickable?

Thanks ;)

Answer 1

Make a fake link with CSS on a span and bind your events.

Use :hover CSS selector

I made it for you with this JSFiddle Demo

Answer 2

I think inside an <a> it is not possible, because the dragging is the behaviour of a lot of browsers to allow drag and drop of links betweens applications. You could work around this using JavaScript and by using another HTML element as a link, but that is miss-use in my opinion.