JSFiddle - React, Tailwind, and code Playground

HTML

<div>Кликни, чтобы поделиться</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: 'Дратути!', // Заголовок
    text: 'Здарова, бандиты!', // Текст
    url: 'https://bandits.org', // ссылка
  });

});