0

I want to make an element dbl clickable, and when they do it, it selects text which is a little ugly. Is there a way to deselect text with JavaScript (or jQuery) or just make it not select text in the first place? Its on an <h1> element by the way.

Also, some have suggested:

$.fn.extend({ 
        disableSelection: function() { 
            this.each(function() { 
                if (typeof this.onselectstart != 'undefined') {
                    this.onselectstart = function() { return false; };
                } else if (typeof this.style.MozUserSelect != 'undefined') {
                    this.style.MozUserSelect = 'none';
                } else {
                    this.onmousedown = function() { return false; };
                }
            }); 
        } 
    });

However, this doesn't work unless i call it every time the new H1 is generated... Any ideas?

Oscar Godson
  • 31,662
  • 41
  • 121
  • 201
  • 1
    possible duplicate of [How to make HTML Text unselectable.](http://stackoverflow.com/questions/2310734/how-to-make-html-text-unselectable) and there are many others – Pointy Aug 18 '10 at 22:03
  • No, i can change the title... itll make more sense why it's not working – Oscar Godson Aug 18 '10 at 22:22

3 Answers3

1

I found this with a quick google:

http://chris-barr.com/entry/disable_text_selection_with_jquery/

Looks like exactly what you need. Basically every browser has a unique text selection implementation, and this jQuery snippet sniffs the browser and stops the text selection for each element you specify using CSS or JavaScript events, depending on which is needed.

Stephen
  • 18,827
  • 9
  • 60
  • 98
  • This works for all elements that are not dynamic :\ if i do it on, lets say, a

    thats there on load, works great, for any of the AJAX elements i have to call this each time... any ideas?

     – Oscar Godson Aug 18 '10 at 22:27
1

This will do it in all the major browsers, though it does unfortunately select text and then unselect it again when you double click:

document.ondblclick = function() {
    if (window.getSelection) {
        window.getSelection().removeAllRanges();
    } else if (document.selection) {
        document.selection.empty();
    }
};
Tim Down
  • 318,141
  • 75
  • 454
  • 536
  • Best working one so far. I dont mind the flicker at all. It was just ugly because i had a modal popup on dbl click and and you could see the highlighted word under the faded out background. Thanks! – Oscar Godson Aug 18 '10 at 23:37
0

@Oscar

Use jquery's .live() method.

@Stephen that link is 404, use this: http://chris-barr.com/index.php/entry/disable_text_selection_with_jquery/

user250906
  • 29
  • 1