Select all DIV text with single mouse click

by 
function selectText(containerid) {
    if (document.selection) { // IE
        var range = document.body.createTextRange();
        range.moveToElementText(document.getElementById(containerid));
        range.select();
    } else if (window.getSelection) {
        var range = document.createRange();
        range.selectNode(document.getElementById(containerid));
        window.getSelection().removeAllRanges();
        window.getSelection().addRange(range);
    }
}
<div id="selectable" onclick="selectText('selectable')">http://example.com/page.htm</div>

Now you have to pass the ID as an argument, which in this case is “selectable”, but it’s more global, allowing you to use it anywhere multiple times without using, as chiborg mentioned, jQuery.

More Related Contents:

  1. How to add a black shadow on top of a div block with background image?
  2. Fade animation while scrolling
  3. How do you read CSS rule values with JavaScript?
  4. jQuery SVG, why can’t I addClass?
  5. Setting background-image using jQuery CSS property
  6. How to retrieve the display property of a DOM element?
  7. Is it possible to alter a CSS stylesheet using JavaScript? (NOT the style of an object, but the stylesheet itself)
  8. How to know if a font (@font-face) has already been loaded?
  9. Changing nav-bar color after scrolling?
  10. Can I disable a CSS :hover effect via JavaScript?
  11. Force “landscape” orientation mode
  12. How can I remove the “No file chosen” tooltip from a file input in Chrome?
  13. width/height after transform
  14. How do you Hover in ReactJS? – onMouseLeave not registered during fast hover over
  15. Can I apply CSS to the elements within an iframe?
  16. Get CSS path from Dom element
  17. Div Z-Index issue with Flash movie
  18. Preloading @font-face fonts?
  19. Remove scrollbar but not scrolling functionality [duplicate]
  20. Pausing CSS animation with javascript and also jumping to a specific place in the animation
  21. fade effect using javascript no jquery?
  22. using css modules how do I define more than one style name
  23. Wrapping lists into columns
  24. How to optimize website for touch devices
  25. IIS 7.5 no images css js showing
  26. How do I dynamically adjust css stylesheet based on browser width?
  27. Polymer share styles across elements
  28. How do I put a clear button inside my HTML text input box like the iPhone does?
  29. Possible to reverse a css animation on class removal?
  30. Performance impact of using css / javascript source-maps in production?

Leave a Comment