這個問題在這里已經有了答案： 在純 Javascript 中使用選擇器模擬 jQuery “on” （4 個回答） 11 小時前關閉。
目前唯一讓我加載約 100kb jQuery 庫的是這 3 行代碼：
$(document).on('click', ".js-ya-share2-button", function() {
this.parentElement.querySelector('.ya-share2__item_more').click();
});
如何在沒有 jQuery 的情況下重現全部功能？
上面的代碼允許將一個函式“附加”到尚未加載的元素上。例如，元素，僅在用戶向下滾動頁面時加載。如何使用純 JavaScript 實作？
uj5u.com熱心網友回復：
這個imo將是vanilla 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();
});
我們需要在closest這里使用而不是檢查事件目標是否具有所需的類的原因是，您可能會遇到這樣的情況，即被點擊的元素實際上是您正在尋找的元素的后代。
closest(selector)，如果在已經匹配所需的元素上呼叫selector，將回傳元素本身。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/339757.html
標籤：javascript 查询