JavaScript中的引發和訂閱事件

Question

我不知道這是否有可能。 我有一個javascript，只需將頁面上的表單序列化，然后單擊按鈕即可將其保存到服務器

// dispatcher script
$(function(){

    $("#btn").click(function(){

    // how to raise event here before save that another script can subscribe

    var data = $("#myform").serialize();

    //Save data here using jquery Ajax

  })
})

現在，在同一頁面上還有一個Javascript。 並且此javascript需要在保存之前執行某些操作。

// listener script
$(function(){       


  // in this script i want to subscribe to event and do something when event is raised

})

有沒有一種方法可以從一個JavaScript引發事件並在其他javascript中進行訂閱？

注意：出於有效的原因，我無法將兩個腳本合並為一個

我在這里查看了示例，但是在我的情況下，哪個元素訂戶將收聽？ 假設偵聽器腳本不知道btn 。

Answer 1

您可能會喜歡：

 $(function(){ const btn = $('#btn'); btn.on('click',() =>{ console.log('from one file'); $(window).trigger('custom'); }) }); $(function(){ const btn = $('#btn'); $(window).on('custom',() =>{ console.log('from second file') }) }) 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="button" id="btn" value="Click me"/>