Share Selected Text with JavaScript

Veröffentlicht am: 12 September 2019
auf dem Kanal: Coding Journey
10,448
324

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:    • Video  
Font Awesome 5 Icons:    • Video  
Voice Search with JavaScript (Web Speech API):    • Video  
HTML Drag and Drop API:    • Video  

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

Subscribe 💖
   / @codingjourney  


Auf dieser Seite können Sie das Online-Video Share Selected Text with JavaScript mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Coding Journey 12 September 2019 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 10,448 Mal angesehen und es wurde von 324 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!