Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.90/21: Рейтинг темы: голосов - 21, средняя оценка - 4.90
Богатый духовно
 Аватар для boilzzz
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,057

Выделение текста в блоке по нажатию

18.06.2016, 21:41. Показов 4030. Ответов 9
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте у меня появилась задача по нажатию на блок будь то <a> или <div>
Текст который находится в этом блоке, выделился и его можно было скопировать. Как такое реализовать?
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
18.06.2016, 21:41
Ответы с готовыми решениями:

Выделение текста в блоке и занесение его в input
Есть два блока в них текст, как сделать что бы выделил часть текста в блоке и он оказался в нужном мне input. Есть готовое решение

Выделение текста в Edit Box по нажатию Ctrl+A
Доброго времени суток. Задача такова. Имеется диалоговое окно с несколькими Edit Box–ами и прочими элементами управления. Некоторые...

Выделение слов в блоке
Помогите! Надо сделать изменения текста в textarea, т.е. пользователь пишет в textarea текст к примеру &quot;Всем привет!&quot; и надо...

9
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
18.06.2016, 22:46
точно так же как тут реализованна кнопочка "выделить всё"

Добавлено через 8 минут
вот вам функция
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function select(elem){
    var rng, sel;
    if ( document.createRange ) {//Не все браузеры поддерживают createRange
        rng = document.createRange();//создаем объект область
        rng.selectNode( elem )//выберем текущий узел
        sel = window.getSelection();//Получаем объект текущее выделение
        var strSel = ''+sel; //Преобразуем в строку (ох уж js...)
        if (!strSel.length) { //Если ничего не выделено
            sel.removeAllRanges();//Очистим все выделения (на всякий случай) 
            sel.addRange( rng ); //Выделим текущий узел
        }
    } else {//Если браузер не поддерживает createRange (IE<9, например)
        //Выделяем таким образом, уже без всяких проверок
        var rng = document.body.createTextRange();
        rng.moveToElementText( elem );
        rng.select();
    }
}
0
Богатый духовно
 Аватар для boilzzz
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,057
18.06.2016, 22:48  [ТС]
BANO, очень прикольно, я то писал этот форум да?)
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
18.06.2016, 22:54
boilzzz, кстати, скрипт этой кнопки писал не микаэль, а newJS
потом микажль этот код вставил
0
Богатый духовно
 Аватар для boilzzz
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,057
18.06.2016, 23:07  [ТС]
BANO, Ой извини, ответ писал когда не видел кода!

Добавлено через 1 минуту
BANO, а можно как то это более подробно для моего примера?

HTML5
1
<a>Текс для выделения</a>
Чтоб этот текст выделился, а то я в коде выше что-то ни чего не понял...

Добавлено через 38 секунд
Еще бы хорошо с фидлом)
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
18.06.2016, 23:27
Лучший ответ Сообщение было отмечено boilzzz как решение

Решение

Цитата Сообщение от boilzzz Посмотреть сообщение
Еще бы хорошо с фидлом)
да держи... ленивец
HTML5
1
2
3
4
<div id="test">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum eaque libero, quia tempora, ratione eos ex aperiam, consequatur quam qui nostrum ut quos magni repellat? Vero id perspiciatis incidunt illo!</div>
<div id="test3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae numquam, facere. Voluptates delectus voluptatem repudiandae quaerat ex vel quisquam saepe quidem omnis, consequuntur, et obcaecati totam eius quod odit provident?Lorem ipsum dolor sit
    amet, consectetur adipisicing elit. Illo distinctio laborum temporibus cupiditate modi voluptatum, magnam nobis odit unde deserunt ratione rem quod est sed sunt rerum. Beatae reiciendis, praesentium!</div>
<button id="but">Выделить</button>
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function select(elem) {
    var rng, sel;
    if (document.createRange) { //Не все браузеры поддерживают createRange
        rng = document.createRange(); //создаем объект область
        rng.selectNode(elem) //выберем текущий узел
        sel = window.getSelection(); //Получаем объект текущее выделение
        var strSel = '' + sel; //Преобразуем в строку (ох уж js...)
        if (!strSel.length) { //Если ничего не выделено
            sel.removeAllRanges(); //Очистим все выделения (на всякий случай) 
            sel.addRange(rng); //Выделим текущий узел
        }
    } else { //Если браузер не поддерживает createRange (IE<9, например)
        //Выделяем таким образом, уже без всяких проверок
        var rng = document.body.createTextRange();
        rng.moveToElementText(elem);
        rng.select();
    }
}
 
but.onclick = function() {
    select(test3)
}
2
Богатый духовно
 Аватар для boilzzz
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,057
19.06.2016, 13:42  [ТС]
Переделал под свой вопрос)
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function select(elem) {
    var rng, sel;
    if (document.createRange) { //Не все браузеры поддерживают createRange
        rng = document.createRange(); //создаем объект область
        rng.selectNode(elem) //выберем текущий узел
        sel = window.getSelection(); //Получаем объект текущее выделение
        var strSel = '' + sel; //Преобразуем в строку (ох уж js...)
        if (!strSel.length) { //Если ничего не выделено
            sel.removeAllRanges(); //Очистим все выделения (на всякий случай) 
            sel.addRange(rng); //Выделим текущий узел
        }
    } else { //Если браузер не поддерживает createRange (IE<9, например)
        //Выделяем таким образом, уже без всяких проверок
        var rng = document.body.createTextRange();
        rng.moveToElementText(elem);
        rng.select();
    }
}
 
test3.onclick = function() {
    select(test3)
}
HTML5
1
2
3
<div id="test">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum eaque libero, quia tempora, ratione eos ex aperiam, consequatur quam qui nostrum ut quos magni repellat? Vero id perspiciatis incidunt illo!</div>
<div id="test3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae numquam, facere. Voluptates delectus voluptatem repudiandae quaerat ex vel quisquam saepe quidem omnis, consequuntur, et obcaecati totam eius quod odit provident?Lorem ipsum dolor sit
    amet, consectetur adipisicing elit. Illo distinctio laborum temporibus cupiditade deserunt ratione rem quod est sed sunt rerum. Beatae reiciendis, praesentium!</div>

Не по теме:

Я не ленивец:D просто не допер бы как его подключить. т.к изучаю jquery по большей части. а к js только поверхностно прикоснулся.

0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
19.06.2016, 13:52
Цитата Сообщение от boilzzz Посмотреть сообщение
т.к изучаю jquery по большей части. а к js только поверхностно прикоснулся.
как можно изучать библиотеку не изучив языка, для которого она написана и на котором она написана?
0
Богатый духовно
 Аватар для boilzzz
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,057
19.06.2016, 13:55  [ТС]
BANO, люблю делать все через жDD
0
19.06.2016, 14:03

Не по теме:

boilzzz, это я уже заметил)

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
19.06.2016, 14:03
Помогаю со студенческими работами здесь

Выделение объекта по нажатию мыши
Здраствуйте, помогите пожалуйста разобраться как можно вернуть состояние объекта, т.е его начальный шейдер и tag, если я кликнул по другой...

Смена текста по нажатию кнопки и возврат текста по времени
Здравствуйте, есть такая проблема с Unity, что если через Sleep делать, то останавливается вся программа, Tasks добавить не смог, хз...

Добавление текста в блоке
Подскажите или скиньте ссылку где почитать. Есть jsp страница. На ней функции java и информационные сообщения о ходе работы. Беда в том что...

Смещение текста в блоке
Здравствуйте,не подскажите с чем может быть связано смещение текста в блоке ? &lt;div class=&quot;product_new&quot;&gt; ...

Выравнивание текста в блоке
Привет всем. подскажите как выровнять текст так как на картинке? (Зелёные буквы =) ) . То есть на определённое расстояние от левой...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Новые блоги и статьи
YAFU@home — распределённые вычисления для математики. На CPU
Programma_Boinc 20.01.2026
YAFU@home — распределённые вычисления для математики. На CPU YAFU@home — это BOINC-проект, который занимается факторизацией больших чисел и исследованием aliquot-последовательностей. Звучит. . .
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru