Share Selected Text with JavaScript

Показать описание

Using JavaScript, learn how to implement a feature which gives users the option to easily share selected text, in this case to Twitter but could be any social media or even additional options such as to copy to clipboard or convert selected text-to-speech so that user can listen to it!

The feature of sharing selected text is quite common, especially in Blog sites and it helps websites gain exposure, grow traffic and increase search engine rankings!

In the first few minutes of this video, we build the structure and add the content and styling with HTML and CSS. After deciding which areas of our page should allow for sharing selected text, we proceed to JavaScript in order to access the selected text, display the share button to the appropriate position and share the selected text upon a click event over the share button.

Enjoy 🙂

Don’t forget to share, like, subscribe and would love to hear your thoughts in the comment section below!

Support the Channel 💙☕🙏

Suggested Videos:

Subscribe 💖

Рекомендации по теме

Комментарии

Thank you so much sir, this was what I was looking for, finally got it !

jineshpagaria

That was exactly what I needed, thank you! Could you also perhaps make a video on how to add an element to contain the text selected. like <b> </b>. I am creating a toolbar, in my case.

dankhnw

This is just what I need!!! Thank you so much.

eliaschen

You are incredible! Thank you very much!

kabulzhan

That's very useful! And, as usual, brilliantly explained 😉 Thank you!!

Tony-pekp

you are so calm i like you, keep up the work and never stop, you'll get to where you want to get ! <3

ProMakerDev

Absolutely amazing! Thanks for sharing this great content 💖

neo

Great video. Can you tell me how can i share text along with an image in twitter? Thanks

DevarshiDavessj

It's awesome, mind blowing... 🎉🎉🎉 Learned a lot.

ck

Can you tell how we can do same thing with touch events ? As this only works with mouse events ?
Facing issues on mobile devices

HardeepSingh-dehi

This is brilliant! Thanks for sharing :)

oLitaryMan

How to get selected text position like top, left

ManojYadav-plqs

Share Selected Text with JavaScript

Share Selected Text with JavaScript

How to Implement a Tooltip to Share Selected Text With Vanilla JavaScript

Learn how to easily share selected text on social media with JavaScript

how to get selected text from paragraph in javascript

JavaScript get selected text in TextArea | JavaScript selection API | substr()

How to get the selected text in JavaScript

Get User Selected Text in JavaScript 😮 #html #css #javascript

Get selected text with Javascript

JavaScript How to get selected text if Ctrl + Enter is pressed?

JavaScript - How To Get And Display Selected LI Text To Input Text In Javascript [with source code]

jQuery : How to make selected text bold/italic/underlined in javascript?

Part 2 : How To Copy Selected Text Using Javascript With UI

Javascript HTML element get selected select option text value notepad ++

JavaScript : replace selected text in contenteditable div

HTML : Calculate Position of selected text javascript/JQuery?

Click to Tweet Selected Text (Vanilla Javascript Project)

javascript get dropdown (select option) selected value onchange label

HTML : Change selected text via javascript

HTML : Bold Selected Text in contentEditable div, using pure JavaScript without libraries such as jQ

JavaScript : Get selected value/text from Select on change

JavaScript : Copy selected text to the clipboard WITHOUT using flash - must be cross-browser

JavaScript - How To edit selected (LI) In A (UL) List In JS [ with source code ]

jQuery : Replace selected text with jquery/javascript

jQuery : bold portion of text selected with the mouse using javascript and css