我有一個非常基本的代碼
if(screen.width > 600) {
document.querySelector('.toggle-sidenav').click();
}只要螢屏大于 600px，我就想單擊具有toggle-sidenav.click()類的 div，但 javascript 中的 .click() 方法不起作用。
我不想使用 Jquery。
我怎樣才能做到這一點？
感謝您的快速回應。
uj5u.com熱心網友回復：
您可以使用dispatchEvent。該示例在此處顯示調整螢屏大小，該函式獲取傳遞給另一個函式然后 dispatchEvent 的寬度。
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>轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/369127.html