Сайт продается.
СКРИПТЫ
ТЕГИ:
php (322)
js (242)
html (146)
css (128)
html tags (62)
js tag (56)
jquery (42)
text (37)
js method (36)
js date (33)
php array (33)
fonts (30)
form html (30)
online (27)
Показать еще :
link (26)
ruweb.net (25)
foto (22)
atom (20)
php file (20)
forum (19)
svg (18)
hosting (18)
input (18)
php date (17)
php time (16)
html book (16)
board (16)
color (15)
js url (14)
img (14)
js time (14)
js events (14)
osclass (13)
info (13)
select (13)
htaccess (13)
notepad (13)
знак (12)
table (12)
dw block (12)
download (12)
php img (12)
php path (12)
keyboard (12)
icon (11)
jsphp (11)
form (11)
mouse (10)
yandex (10)
js delete (10)
hover (9)
dosite (8)
browser (7)
comment (7)
php url (7)
cookie (7)
list (6)
iframe (6)
php get (6)
click (6)
canvas (6)
mysql (6)
reg.ru (5)
value (5)
heading (5)
mb (5)
js math (5)
adminka (5)
tag a (5)
chart (5)
year (5)
search (5)
ftp (5)
js id (5)
ssl (4)
base64 (4)
day (4)
week (4)
php var (4)
bbcode (4)
нок (4)
scandir (4)
xml (4)
month (4)
submit (4)
symbols (4)
task (4)
pages (4)
vk (4)
console (4)
js form (4)
https (3)
numbers (3)
js post (3)
js hash (3)
vs code (3)
domen (3)
js img (3)
ucoz (3)
padding (3)
куб (3)
money (3)
line (3)
captcha (3)
height (2)
seo (2)
js vars (2)
video (2)
youtube (2)
tag hr (2)
details (2)
typeof (2)
рся (2)
sitemap (2)
counter (2)
arrows (2)
prompt (2)
qr kod (2)
google (2)
game (1)
cursor (1)
scroll (1)
rutube (1)
нод (1)
smile (1)
jino (1)
header (1)
speed (1)
windows (1)
archive (1)

Выделить текст.

09.09.2021 Марат 589 0 js |

Нам нужно выделить текст на странице сата и получить его в переменную, либо вывести, ну если выделенный текст попадет в переменную, то с ним вы сможете уже сделать что угодно...

О выделении текста на сайте и получении его в переменную

  1. Функция для выделения текста на сайте.
  2. Пример функции для получения выделенного текст в переменную.
  3. Пример работы функции javascript выделения текста на сайте.

  1. Функция для выделения текста на сайте.

    Нам понадобится :

    window.getSelection()

    И selection

    И String

    Эта функция не мной написана... она даже в учебнике есть... мы её возьмем...

    function getSelectedText(){
    var text = '';
    if (window.getSelection) {
    text = window.getSelection();
    }else if (document.getSelection) {
    text = document.getSelection();
    }else if (document.selection) {
    text = document.selection.createRange().text;
    }
    return text;
    }

    Далее ..., чтобы после того, как будет выделен текст... нам потребуется... ну пусть это будет одно из событий onkeydown.

    document.addEventListener("keydown", function(is)

    Нам нужно привязать это событие по нажатию кнопки... пусть это будет пробел...нам нужен код данной кнопки. Если вы нажали пробел, то увидели номер кнопки = 32.

    Переведем работу функции в переменную и одновременно преобразуем объект в строку...:

    text = String (getSelectedText() );

    Далее нам нужно условие...

    if (is.keyCode == 32)

    Внутрь помещаем... уже... то, что нам нужно, пусть это будет alert и консоль

    И заблокируем поведение клавиши пробел :

    is.preventDefault();
    alert(getSelectedText());
    console.log(getSelectedText());

    Нам осталось собрать весь код вместе:


  2. Пример функции для получения выделенного текст в переменную.

    Соберем выше приведенные необходимые условия для выделения и получения выделенного текста в javascript:

    <script>

    function getSelectedText()

    {

     var text = '';

     if (window.getSelection) {

      text = window.getSelection();

     }else if (document.getSelection) {

      text = document.getSelection();

     }else if (document.selection) {

      text = document.selection.createRange().text;

     }

     return text;

    }


    document.addEventListener("keydown", function(is)

    {

     text = String (getSelectedText() );

     if (is.keyCode == 32 && text )

     {

      is.preventDefault();

      alert(getSelectedText());

      console.log(getSelectedText());

     }

    });

    </script>

    Далее... как работает функция выделенного текста...


  3. Пример работы функции javascript выделения текста на сайте.

    Далее... нам нужно протестировать как будет работать функция выделения текста в связке с кнопкой пробел..

    Первое действие... просто нажмите на пробел... вы должны увидеть перемещение страницы вниз и более ничего не будет происходить... тут надо сказать, что владельцы мобилы не будут иметь такую возможность.. laugh смайлы

    Пример работы функции javascript выделения текста на сайте.

    Следующий шаг... выделите любое слово на с данной странице и нажмите кнопку пробел.

    Функция выделения текста тестировалась на браузере Яндекс.Браузер, результат положительный.

Можете не благодарить, лучше помогите!
Теги :
выделенный текст js
js выделить текст +в input
js получить выделенный текст
Еще никто не прокомментировал! COMMENTS+   BBcode
Подписаться + =

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
На отдельной : странице.
dwweb.ru есть здесь:
Последние комментарии :
Марат :
14.03.2023 21:07
Так... это когда было то... в 2018 году... мне не нравится(не нравилось), как поиск по файлам... как-то коряво было…
подробнее.
Moubrey :
14.03.2023 20:52
Их там два можно поставить, еще и по бокам, а в них еще друге окна станут вкладками, обычный проводник и…
подробнее.
Марат :
26.02.2023 12:20
Спасибо за внимательность!
подробнее.
V :
26.02.2023 11:49
В массиве месяцев пропущен октябрь!
подробнее.
Марат :
02.02.2023 10:48
Я не знаю, что это ... Такое понятие - "определена"... я не понимаю, что такое... есть такая фигня в Js, там, бывают…
подробнее.
Артур :
02.02.2023 06:51
При копировании всего кода из 3 главы "Вывод всех файлов из папки ссылками на них", при выполнении скрипта…
подробнее.
ruweb Немного о ruweb.net!
Страница загружена за : 0.017636 секунд. Подробнее