5

Как с помощью jQuery по клику выделить содержимое div?

И второй вопрос: как при этом скопировать содержимое в буфер обмена?

2
  • Плагин jquery использую чще всего, clipboard называется
    – user190134
    28 дек 2016 в 14:58
  • Похоже, придётся подменять div чем-то. Например, input с type='text'. Выделение фрагмента страницы в браузере - это внешняя операция, доступная пользователю страницы, с помощью js api можно управлять только выделением текстовых полей.
    – sergzach
    28 дек 2016 в 15:00

1 ответ 1

6

Код взят отсюда

function selectText(elementId) {
    var doc = document,
        text = doc.getElementById(elementId),
        range,
        selection;
        
    if (doc.body.createTextRange) {
        range = document.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if (window.getSelection) {
        selection = window.getSelection();        
        range = document.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range);
    }
}

$("#text").click(function() {
    selectText(this.id);
    document.execCommand("copy");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="text">
  This is text
  <span>this is another text</span>
</div>

0

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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