выборочное копирование
Доброго времени суток,
удивительно ведёт себя копирование с html страницы. Если на странице есть элементы с user-select: none, по при выделении блока, они не выделяются. Далее если обычный ctrl+C, то при ctrl+V в word или excel, вставляются и элементы user-select: none. НО! Если тоже самое сделать в Sblime Text или NotePad++, да и в элемент textarea, то вставляется только ожидаемое, т.е. элементы с user-select: none пропускаются. Тоже самое происходит, если воспользоваться document.execCommand.
.spanNoSelect
{
user-select: none;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="265.css" rel="stylesheet" type="text/css">
</head>
<body>
<span class = 'spanSelect'>AAAAA</span>
<span class = 'spanNoSelect'>BBBBB</span>
<span class = 'spanSelect'>CCC</span>
<span class = 'spanNoSelect'>DDDDDD</span>
<span class = 'spanSelect'>EEEEEE</span>
<button>Copy</button>
<textarea></textarea>
</body>
</html>
<script src = "265.js"></script>
document.getElementsByTagName('button')[0].addEventListener('click', () => {document.execCommand('copy');});
т.е. строка AAAAA BBBBB CCC DDDDDD EEEEEE в word вставляется полностью, а в редакторы и в input "как ожидалось" AAAAA CCC EEEEEE.
Никто не сталкивался с таким поведением? |