Как сделать так, чтобы текст в input типа text при наведении курсора автоматически выделялся и, по возможности копировался, как это сделанно в https://iplogger.ru/ здесь, например, https://iplogger.ru/statistics/id=y67yh60aCe/tab=info/ или savepic.ru сразу после сохранения картинки?
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'); копирует выделенное в буфер -->