JSFiddle - React, Tailwind, and code Playground

HTML

<div data-share-title="Упячка!" data-share-text="Упячка, вперёд!" data-share-link="https://ru.wikipedia.org/wiki/%D0%A3%D0%BF%D1%8F%D1%87%D0%BA%D0%B0">Кликни, чтобы поделиться</div>

CSS

div {
  color: white;
  text-align: center;
  padding: 30px;
  background: purple;
}

JavaScript

function addEvent(parent, evt, selector, handler) {
  parent.addEventListener(evt, function(event) {
    if (event.target.matches(selector + ', ' + selector + ' *')) {
      handler.apply(event.target.closest(selector), arguments);
    }
  }, false);
}

/* To be used as */

addEvent(document, 'click', 'div', function(e) {

  navigator.share({
    title: this.dataset.shareTitle, // Заголовок
    text: this.dataset.shareText, // Текст
    url: this.dataset.shareLink, // ссылка
  });

});