0

Как сделать так, чтобы текст в input типа text при наведении курсора автоматически выделялся и, по возможности копировался, как это сделанно в https://iplogger.ru/ здесь, например, https://iplogger.ru/statistics/id=y67yh60aCe/tab=info/ или savepic.ru сразу после сохранения картинки?

1
  • на сайте в исходный код посмотрите, используется clipboard.js 8 апр 2017 в 18:21

1 ответ 1

1

var $auto_width = $('.auto-width');
$.each($auto_width, function(){
      $(this).attr('size', $(this).val().length);
})// это что бы немного раздвинуть инпуты.
input{border:0}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 
<input type="text" class="auto-width" readonly onClick="this.setSelectionRange(0, this.value.length);document.execCommand('copy');" value="С уважением, команда bCool" />

<!-- input закрыт от прямого редактирования атрибутом readonly. -->
<!-- this.setSelectionRange(0, this.value.length); выделяет содержимое -->
<!-- execCommand('copy'); копирует выделенное в буфер -->

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.