Проблема с предотвращением выбора текста в IE

Question

Я хочу предотвратить выбор для определенного элемента html, поэтому попробовал применить свойство CSS «пользовательский» CSS, чтобы это произошло во всех браузерах. что-то вроде ниже.

.section1{ 
     -webkit-user-select: none; /* Chrome all/Safari all */ 
     -moz-user-select: none;  /* Firefox all */ 
     -ms-user-select: none;  /* IE 10+ */ 
     user-select: none;   /* Likely future */  
    } 

Это прекрасно работает, когда я применил свойство CSS «user-select» CSS как «none» для всех разделов div. Но когда раздел (раздел 2) между верхним (секция1) и нижним (раздел 3) не имеет применяемого свойства, и выбор происходит, когда выбор начинается с раздела 1 (сверху) или раздела2 (внизу) и продолжается до раздела 2 (midddle).

Эта проблема возникает только в IE, и то же самое прекрасно работает в chrome и firefox.

В приложении JSFiddle ссылка для него. https://jsfiddle.net/Thirunavukkarasu/bwf5emvp/

Answer 1

Для IE < 10 (также IE10, если пользователь выбрать не работает) и Opera, вам нужно будет использовать недоступный атрибут элемента, который вы хотите быть неактивны. Вы можете установить это с помощью атрибута в HTML:

<div id="Div1" unselectable="on" class="unselectable">...</div> 

Java Script:

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 ("Div1"));