Share Selected Text with JavaScript

Publié le: 12 septembre 2019
sur la chaîne: Coding Journey
10,426
323

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!

Code for this Project: https://codepen.io/Coding_Journey/pen...

Support the Channel 💙☕🙏
PayPal: https://paypal.me/CodingJourney

Suggested Videos:
Colorful Background with linear-gradient:    • Colorful Background with linear-gradient  
Font Awesome 5 Icons:    • Font Awesome 5 Icons  
Voice Search with JavaScript (Web Speech API):    • Voice Search with JavaScript (Web Speech API)  
HTML Drag and Drop API:    • HTML Drag and Drop API  

Codepen: https://codepen.io/Coding_Journey/
Twitter:   / codingjrney  
Email: codingjourney123@gmail.com

Subscribe 💖
   / @codingjourney  


Sur cette page du site, vous pouvez voir la vidéo en ligne Share Selected Text with JavaScript durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Coding Journey 12 septembre 2019, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 10,426 fois et il a aimé 323 téléspectateurs. Bon visionnage!