JS IE Ошибка (объект не поддерживает свойство или метод 'select') - PullRequest
Новая
       12

JS IE Ошибка (объект не поддерживает свойство или метод 'select')

0 голосов
/ 09 января 2020

Попытка скопировать некоторую информацию в буфер обмена.

В Chrome и других работает нормально, В IE я получаю ошибку: «Объект не поддерживает свойство или метод« select »»

html: 

<textarea name="wtBodyInpt" id="wtBodyInpt">Copy This</textarea>

JS: 

function copyBodyToClipboard (BodyInpt) {
   // Select text inside element
   BodyInpt.focus();
   BodyInpt.select();
   // Copy text to clipboard
   document.execCommand('copy');
}

copyBodyToClipboard(wtBodyInpt)

1 Ответ

0 голосов
/ 14 января 2020

Вам необходимо создать объект элемента, обратившись к элементу, используя его идентификатор или имя.

Пример: 

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">

</head>
<body>

<p>Try to paste the text by pressing ctrl + v in a different window, to see the effect.</p>


<textarea name="wtBodyInpt" id="wtBodyInpt">Copy This Text</textarea>

<p>The document.execCommand() method is not supported in IE8 and earlier.</p>

<script>
function copyBodyToClipboard (element) {
  var copyText = document.getElementById(element);
  copyText.select();
  copyText.setSelectionRange(0, 99999);
  document.execCommand("copy");
  
 
}
var str="wtBodyInpt";
copyBodyToClipboard (str)

</script>

</body>
</html>

Вывод в браузере IE 11:

enter image description here

...