Показать сообщение отдельно
  #1 (permalink)  
Старый 18.12.2019, 14:10
Профессор
Отправить личное сообщение для atanov Посмотреть профиль Найти все сообщения от atanov
 
Регистрация: 27.06.2016
Сообщений: 180

выборочное копирование
Доброго времени суток,

удивительно ведёт себя копирование с 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.

Никто не сталкивался с таким поведением?
Ответить с цитированием