Javascript/CSS Disable text select

Question

Hello,

I am trying to create a text button using simple span and formatting the text and providing onclick behavious. The problem is when a user clicks on the button, it sometimes highlights the text of the button.

I want to avoid such behaviour because it looks damn ugly when the text is selected. Any css/javascript/(jquery) i can use to avoid this?

Thank you very much for your time.

Answer 1

spanid.onselectstart = function() {return false;} // ie
spanid.onmousedown = function() {return false;} // mozilla

First result on Google by the way...

extra

$('#spanid').selectstart(function(event) {
  event.preventDefault();
});

Answer 2

You can just write:

$('#spanid').disableSelection();