如何在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>

​