📤
Web Share
Table of contents

Code snippets
html
<h1>This is a demo of the web share button</h1><p>Here is an image that you can <a class='web-share' href='https://placekitten.com/200/287'>share the URL</a>:</p><p><img src="http://placekitten.com/200/287" alt="Place holder image"></p>
js
let shareButtons = document.querySelectorAll("a.web-share");for (button of shareButtons) {button.addEventListener('click', function(e){let href = this.getAttribute('href');let alt = this.getAttribute('alt');if (navigator.share) {navigator.share({title: alt,url: href});e.preventDefault();}});}