Как вставить текст в буфер обмена в поле ввода, щелкнув по нему в jquery

Question

Знаете ли вы, как вставить текст в буфер обмена (если есть) в поле ввода, когда пользователь нажимает на него jquery?

Answer 1

Вы можете попробовать следующий метод, но не все веб-браузеры поддерживают его.

См. Код и фрагмент ниже:

Примечание : Вам также необходимо разрешите вашему веб-браузеру иметь доступ к вашему буферу обмена. Это по соображениям безопасности.

    $('body').on('click', '#test', function (e) {
        e.preventDefault();

        navigator.clipboard.readText()
        .then(text => {
            document.getElementById("test").value = text;
        })
        .catch(err => {
            console.error('Failed to read clipboard contents: ', err);
        });

    })

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
    <input type="text" id="test">
  </form>