原生js javascript 實現trigger（自動觸發window 的resize事件）

一、大家都知道 jQuery有個 trigger 方法，可以觸發被選元素的指定事件類型。
那麼在原生js中怎麼實現 trigger 的方法呢？首先上代碼：

<button id="btn-1">Button-1</button>
<button id="btn-2">Button-2</button>
<script>
    // 假如想通過點擊 Button-1 觸發 Button-2 的某個事件
    let btn_1 = document.getElementById('btn-1');
    let btn_2 = document.getElementById('btn-2');
    btn_1.onclick = function () {
        var myEvent = new Event('click');
        btn_2.dispatchEvent(myEvent);
    }
    btn_2.onclick = function () {
        alert('OK');
    // do something
    }
</script>

二、如果我想在不實際改變瀏覽器窗口大小的情況下觸發 window的 resize 事件可不可以呢？（雖然聽起來有些變態，但是有時候你需要重繪圖表或者別的需求的時候，這可以幫你解決一些問題）同樣的，先上代碼：

<button id="btn-1">Button-1</button>
<script>
    // 假如想通過點擊 Button-1 觸發 window 的 resize 事件
    let btn_1 = document.getElementById('btn-1');
    btn_1.onclick = function () {
        var myEvent = new Event('resize');
        window.dispatchEvent(myEvent);
    }
</script>

原文鏈接：https://blog.csdn.net/JaneLittle/article/details/81670021