Por el momento, lo único que me hace cargar ~ 100 kb de la biblioteca jQuery son estas 3 líneas de código:
$(document).on('click', ".js-ya-share2-button", function() { this.parentElement.querySelector('.ya-share2__item_more').click(); });¿Cómo reproducir la funcionalidad completa sin jQuery?
El código anterior permite "adjuntar" una función a los elementos, que aún no se ha cargado. Por ejemplo, a los elementos, que se cargan solo cuando el usuario se desplaza hacia abajo en la página. ¿Cómo hacerlo con JavaScript puro?
Este imo sería la analogía exacta en vainilla JS:
document.addEventListener('click', function(event) { const desiredTargetElement = event.target.closest('.js-ya-share2-button'); if (desiredTargetElement) desiredTargetElement.parentElement.querySelector('.ya-share2__item_more').click(); }); La razón por la que necesitamos trabajar con el closest aquí en lugar de verificar si el objetivo del evento tiene la clase deseada es que puede tener escenarios en los que el elemento en el que se hizo clic es en realidad un descendiente del elemento que está buscando.
closest(selector) , si se llama al elemento que ya coincide con el selector deseado, devolverá el elemento en sí.