如何在JavaScript中的iframe對象上為事件增加唯一的自定義名稱？

Question

我想在iframe對象上設置jquery事件，然后使用jquery trigger命令觸發它們，這些事件用於自定義事件。 我如何gauruntee我選擇的任何自定義事件名稱都不會與dom元素已經在聽的即用型事件名稱相同？

謝謝

Answer 1

只是對事件進行命名空間。

以下是使用click的示例。 以編程方式觸發命名空間版本不會觸發標准版本，但是手動單擊原始元素仍會觸發兩個事件處理程序

 // pre-exisiting click event listener $('#existing-elem').on('click', function(){ console.log('Existing event handler triggered') }); // new one you add $('#existing-elem').on('click.yourNameSpace', function(){ console.log('yourNameSpace event handler triggered') }); // listener for demo "Trigger" button $('#demo-test').click(function(){ // won't cause original non-namespaced listener to trigger $('#existing-elem').trigger('click.yourNameSpace') }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button id="existing-elem"> Existing element - click me </button> <button id="demo-test"> Trigger namespaced event </button>