如何使用普通的 javascript 來刺激 click()

Question

我有一個非常基本的代碼

 if(screen.width > 600) { document.querySelector('.toggle-sidenav').click(); }

一旦屏幕> 600px，我想單擊具有toggle-sidenav但javascript中的.click（）方法不起作用的div。

我不想使用 Jquery。

我怎樣才能做到這一點？

感謝您的快速響應。

Answer 1

您可以使用dispatchEvent 。 該示例在此處顯示調整屏幕大小，function 獲取寬度，該寬度傳遞給另一個 function，然后 dispatchEvent .. 這里 ZC1C425268E68385D1AB5074 可以使用任何其他鍵顯示您的代碼中的工作鍵

 const sideNav = document.querySelector('.toggle-sidenav'); sideNav.addEventListener('click', () => { alert('Click Triggered') }) window.addEventListener('resize', (e) => { const width = document.body.clientWidth; triggerClick(width) }) function triggerClick(width) { if (width > 600) { console.log(width) sideNav.dispatchEvent(new Event('click')) } }

 <div class='toggle-sidenav'> Test </div>