如何在javascript中为iframe对象上的事件添加唯一的自定义名称?

Question

我想在 iframe 对象上设置 jquery 事件，然后使用 jquery 触发器命令触发它们，这些是针对自定义事件的。我怎样才能知道我选择的任何自定义事件名称都不会与 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>