Making things unselectable in IE

by

In IE, you need the unselectable attribute in HTML:

<div id="foo" unselectable="on">...</div>

… or set it via JavaScript:

document.getElementById("foo").setAttribute("unselectable", "on");

The thing to be aware of is that the unselectableness is not inherited by children of an unselectable element. This means you either have to put an attribute in the start tag of every element inside the <div> or use JavaScript to do this recursively for an element’s descendants:

function makeUnselectable(node) {
    if (node.nodeType == 1) {
        node.setAttribute("unselectable", "on");
    }
    var child = node.firstChild;
    while (child) {
        makeUnselectable(child);
        child = child.nextSibling;
    }
}

makeUnselectable(document.getElementById("foo"));

More Related Contents:

  1. 5 stars and the golden 5 stars are not together (When browsing with Internet explorer)
  2. JavaScript get clipboard data on paste event (Cross browser)
  3. How to get the browser viewport dimensions?
  4. JS li tag onclick not working on IE8
  5. Browser detection versus feature detection
  6. How to build PDF file from binary string returned from a web-service using javascript
  7. OnChange event handler for radio button (INPUT type=”radio”) doesn’t work as one value
  8. How to compress an image via Javascript in the browser?
  9. How is the default submit button on an HTML form determined?
  10. Show datalist labels but submit the actual value
  11. Jquery load() only working in firefox?
  12. Is there a way to make text unselectable on an HTML page? [duplicate]
  13. How do I get the (x, y) pixel coordinates of the caret in text boxes?
  14. Cross-browser bookmark/add to favorites JavaScript [duplicate]
  15. How to make Internet Explorer emulate pointer-events:none?
  16. Javascript switch vs. if…else if…else
  17. Close Current Tab
  18. Math.round(num) vs num.toFixed(0) and browser inconsistencies
  19. Enter key press behaves like a Tab in Javascript
  20. How can I make event.srcElement work in Firefox and what does it mean?
  21. What happens to code after a javascript redirect (setting window.location.href)?
  22. Why can’t I pass “window.location.reload” as an argument to setTimeout?
  23. Inserting text at cursor in a textarea, with Javascript
  24. Javascript maximum size for types?
  25. window.focus() not working in Google Chrome
  26. Find the exact height and width of the viewport in a cross-browser way
  27. How can I know whether refresh button or browser back button is clicked in Firefox? [duplicate]
  28. How to display text in the browser status bar?
  29. cross-browser resize browser window in JavaScript
  30. postMessage still broken on IE11?

Leave a Comment