Как получить выделенные тексты? -- javascript поле с участием jquery пол Связанный проблема

How to get the highlighted texts?


2
vote

проблема

русский

Я пытаюсь получить выбранные тексты от пользователя (выделенный текст, который выделяет пользователь).

У меня есть следующее:

 <код> function getSelectedTexts(){   var t = '';   if(window.getSelection){     t = window.getSelection();     console.log('1');   }else if(document.getSelection){     t = document.getSelection();     console.log('2');   }else if(document.selection){       console.log('3');     t = document.selection.createRange().text;   }     return t;    }    $('.text_speech').live('click',function(e){       e.preventDefault();       var textTest='';        textTest=getSelectedTexts();       console.log(textTest);    })   

Моя консоль возвращает

 <код> 1  >Selection   <------object  anchorNode: Text  anchorOffset: 2  baseNode: Text  baseOffset: 2  extentNode: Text  extentOffset: 1  focusNode: Text  focusOffset: 1  isCollapsed: false  rangeCount: 1  type: "Range"  __proto__: Selection   

Я не уверен, как получить выбранные тексты. Любой может помочь мне об этом? Спасибо много!

Английский оригинал

I am trying to get the selected texts from the user(the highlighted text that user highlights).

I have the following:

function getSelectedTexts(){   var t = '';   if(window.getSelection){     t = window.getSelection();     console.log('1');   }else if(document.getSelection){     t = document.getSelection();     console.log('2');   }else if(document.selection){       console.log('3');     t = document.selection.createRange().text;   }     return t;    }    $('.text_speech').live('click',function(e){       e.preventDefault();       var textTest='';        textTest=getSelectedTexts();       console.log(textTest);    }) 

My console returns

1  >Selection   <------object  anchorNode: Text  anchorOffset: 2  baseNode: Text  baseOffset: 2  extentNode: Text  extentOffset: 1  focusNode: Text  focusOffset: 1  isCollapsed: false  rangeCount: 1  type: "Range"  __proto__: Selection 

I am not sure how to get the selected texts. Anyone can help me about it? Thanks a lot!

</div
     
 
 

Список ответов

2
 
vote
vote
Лучший ответ
 

<Код> window.getSelection() Возвращает <код> Selection объект.

Если вы хотите получить выбранный текст, не думая больше, вы должны сделать:

 <Код>  window.getSelection().toString()   

Но если ваш выбор может быть более сложным, вы должны прочитать Документация MDN / a>.

Например, пользователь может выбрать текст с несколькими тегами:

 <Код>  <div class="text_speech">    <p>First paragraph</p>    <p>Second paragraph <strong>big</strong></p>  </div>   

Если пользователь выбирает все предложение «, второй абзац <сильный> большой », то простой способ не будет работать.

 

window.getSelection() returns a Selection object.

If you want to get the selected text without thinking more, you should do:

 window.getSelection().toString() 

But if your selection can be more complex, you should read the MDN documentation.

For example the user might select text with multiple tags:

 <div class="text_speech">    <p>First paragraph</p>    <p>Second paragraph <strong>big</strong></p>  </div> 

If the user select all the sentence 'paragraph Second paragraph big' then the easy way won't work.

</div
 
 
0
 
vote

попробуйте:

 <код> console.log(textTest.toString());   
 

Try:

console.log(textTest.toString()); 
</div
 
 

Связанный проблема

362  JavaScript Глобальный механизм событий  ( Javascript global event mechanism ) 
Я хотел бы поймать каждую неопределенную ошибку функции. Есть ли глобальная обработка ошибок в JavaScript? Чехол на использование ловит вызовы функций от Flas...

1  UI-маршрутизатор в ионной структуре  ( Ui router in ionic framework issue ) 
У меня проблемы с тем, чтобы получить свои маршруты, чтобы соответствовать моим взглядам. У меня есть следующие маршруты: <код> .state('tab.account', { ur...

1  Код образец плагина PhoneGap VideoPlayer  ( Phonegap videoplayer plugin sample code ) 
Я пытаюсь реализовать видеозаписи в моем телефонном приложении. У меня есть идея реализовать этот плагин: https://github.com/dawsonloudon/videoPlayer Эт...

0  Скачать изображение из результатов API  ( Download image from api results ) 
Я создаю приложение, которое использует онлайн API для рерантива изображений на основе ключевого слова для поиска. Я запускаю петлю Foreach для рендеринга 12 ...

1  Как заменить адреса электронной почты с ссылками Mailto на веб-странице Live?  ( How to replace email addresses with mailto links in a live web page ) 
Представьте себе это: вы столкнулись с веб-страницей, который говорит: «Просто отправьте сообщение user@example.com», но чтобы на самом деле отправить электро...

1  Обновление поле PDF штрих-кода в IOS и устройстве Android  ( Updating a pdf barcode field in ios and android device ) 
Я создал одну корпус Acrobat, используя радиообъекты, текстовое поле, кнопку, флажок и штрих-код в Adobe Acrobat Pro. После этого я открыл эту форму в Adobe...

0  Boxy Эта отправка не работает  ( Boxy this submit does not work ) 
У меня есть несколько форм в моем коде, и я хочу назначить подтверждающее поле, чтобы показать, прежде чем он будет отправлен. Следовательно, я использую Bo...

0  Разрежьте строку в JavaScript [Закрыто]  ( Cut the string in javascript ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> закрыт. Этот вопрос не соответствует Рекомендациям переполнения ...

-2  Как мне получить значение флажков ряд в таблице JavaScript  ( How do i get value of a checkboxes of a row in a table javascript ) 
Это может быть глупым вопросом, но мне нужно получить значения проверенных флажков определенной строки. <код> script5 Так что в основном я хочу, чтобы по...

4  Каковы разница между $ (документом) .bind («готовая», функция) и $ (документ). Ready (функция (функция () {}))  ( What are the difference between document bindready function and docume ) 
Я хочу обновить от Verysjs версии 2.0.0 до 2.1.5 Вот код: <код> define(['jquery', 'test.js'], function ($, test) { var test = new $.test({ ...

3  Есть ли способ различить связь против мышиных взаимодействий в Windows 8 (HTML / JS)  ( Is there any way to distinguish touch vs mouse interactions in windows 8 html ) 
Я в настоящее время строю приложение, которое имеет много внимания на панорамирование, которое выглядит и чувствует себя красиво, когда касается и манипулируе...

0  Удалите подстроку из строки в jQuery [дублировать]  ( Remove a substring from a string in jquery ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> Этот вопрос уже есть ответы здесь : ...

5  модальный всплывающий как Google  ( Modal pop up like google ) 
Как сделать модальное всплывающее окно, как Gmail (когда мы пытаемся загрузить EXE, который генерирует крышки прокрутки страницы) ...

1  Как проверить отметку Check Column в сетке?  ( How to check mark a check column in a grid ) 
У меня есть флажок Check Column на сетке, которая мне нужна для программически проверки. Вот как сценарий Check Column: <код> columns: { items:[ ...

5  Пользовательский стиль на раскрывающемся меню React-Buttrap  ( Custom style on react bootstraps dropdown menu component ) 
Я пытаюсь применить пользовательский стиль CSS к компоненту RACH BETSTRAP, но не может понять, как получить доступ к элементам, которые не являются явными в J...

Связанный проблема

362  JavaScript Глобальный механизм событий 
1  UI-маршрутизатор в ионной структуре 
1  Код образец плагина PhoneGap VideoPlayer 
0  Скачать изображение из результатов API 
1  Как заменить адреса электронной почты с ссылками Mailto на веб-странице Live? 
1  Обновление поле PDF штрих-кода в IOS и устройстве Android 
0  Boxy Эта отправка не работает 
0  Разрежьте строку в JavaScript [Закрыто] 
-2  Как мне получить значение флажков ряд в таблице JavaScript 
4  Каковы разница между $ (документом) .bind («готовая», функция) и $ (документ). Ready (функция (функция () {})) 
3  Есть ли способ различить связь против мышиных взаимодействий в Windows 8 (HTML / JS) 
0  Удалите подстроку из строки в jQuery [дублировать] 
5  модальный всплывающий как Google 
1  Как проверить отметку Check Column в сетке? 
5  Пользовательский стиль на раскрывающемся меню React-Buttrap 



© 2021 www.qaru.top All Rights Reserved. Q&A House все права защищены


Licensed under cc by-sa 3.0 with attribution required.