JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js"></script>
<div id="map"></div>
<input id="value" type="text">

CSS

#map {
    height: 180px;
}

JavaScript

var map = L.map('map').setView([51.505, -0.09], 13);
var osmUrl = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
    osmAttrib = '&copy; <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors',
    osm = L.tileLayer(osmUrl, {
        maxZoom: 18,
        attribution: osmAttrib
    });
map.addLayer(osm);

document.getElementById('value').addEventListener('copy', function (e) {
    console.log(e);
});

map.on('click', function(e){
    console.log('click');
    document.getElementById('value').value = "sample value";
    document.getElementById('value').focus();
});