Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.02.2019, 16:03
Профессор
Отправить личное сообщение для javascript_pupil Посмотреть профиль Найти все сообщения от javascript_pupil
 
Регистрация: 05.07.2009
Сообщений: 222

Не работает копирование из буфера обмена в input
Взял готовый пример из stackoverflow, а он у меня почему-то не работает. Помогите, пожалуйста, найти ошибку. Содержимое буфера должно вставляться в поле input.

<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<meta name="Description" content="">
<meta name="Keywords" content="">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">


<title>Test</title>
</head><body>
<div class="justify-content-center wrap"><form name="new_record" action="test.cgi" method="get">
<h1>Test</h1><br>

<div class="d-flex justify-content-center">

<script type="text/javascript">

async function paste(input) {
const text = await navigator.clipboard.readText();
document.new_record.input.value = text;

}

</script>
<input id="test_field" type="text" name="test_field" value="" placeholder="" onclick="paste(this)" required>
</div>

<button type="submit" class="btn btn-primary cl_btn">Отправить</button>
<button type="reset" class="btn btn-primary cl_btn">Очистить</button>
</div></form>
</body></html>
Ответить с цитированием
  #2 (permalink)  
Старый 06.02.2019, 16:14
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,787

Странно вы как-то к инпуту обращаетесь.
К форме обращаетесь по имени, а к инпуту по тэгу.

Вообще если текст из буфера читается корректно, то можно попробовать так:
async function paste(input) {
    input.value = await navigator.clipboard.readText();
}
Ответить с цитированием
  #3 (permalink)  
Старый 06.02.2019, 17:55
Профессор
Отправить личное сообщение для javascript_pupil Посмотреть профиль Найти все сообщения от javascript_pupil
 
Регистрация: 05.07.2009
Сообщений: 222

У меня никак не работает. Ни с Вашим вариантом, ни с
document.new_record.test_field.value = text;


Если кто-то поможет разобраться - буду признателен.
Ответить с цитированием
  #4 (permalink)  
Старый 07.02.2019, 08:14
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,201

Сообщение от javascript_pupil
Если кто-то поможет разобраться - буду признателен.
В сети много примеров как работать с БФ...
https://habr.com/ru/company/ruvds/blog/358494/
http://qaru.site/questions/21329/jav...-cross-browser
https://stackoverrun.com/ru/q/206076

Вот даже предлагают готовые методы использовать
https://imapo.ru/clipboard-js-нов...в-буфер/
Ответить с цитированием
  #5 (permalink)  
Старый 07.02.2019, 09:34
Профессор
Отправить личное сообщение для javascript_pupil Посмотреть профиль Найти все сообщения от javascript_pupil
 
Регистрация: 05.07.2009
Сообщений: 222

Примеров то много, только ни один из них не работает...
я вот этот пробовал: https://stackoverflow.com/questions/...-in-javascript

Мне всего то надо по щелчку мыши копировать буфер в input. У меня есть вариант, но он не работает с Safari.
Ответить с цитированием
  #6 (permalink)  
Старый 07.02.2019, 14:08
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,201

Сообщение от javascript_pupil
только ни один из них не работает
Сообщение от javascript_pupil
У меня есть вариант, но он не работает с Safari.
Вот тебе и ответ - нет нормального кроссбраузерного способа.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Простое копирование в буфер обмена Errorrr Events/DOM/Window 4 13.09.2016 19:47
Необходимо предусмотреть запрет вставки в input из буфера обмена любых символов кроме faa27 Общие вопросы Javascript 1 24.06.2016 11:32
Копирование текста в буфер обмена в браузере через JavaScript xintrea Элементы интерфейса 8 18.06.2015 16:43
ZeroClipboard копирование в буфер обмена bully Библиотеки/Тулкиты/Фреймворки 0 29.09.2013 18:04
Как взять текст из буфера обмена ??? rus_tik Events/DOM/Window 1 01.02.2010 23:57