jquery 事件处理程序仅在绑定(bind)到多个元素后执行

Question

我想要一个只执行一次的事件处理程序，然后将其自身与它所绑定(bind)的所有元素解除绑定(bind)。

我知道 .one() 但在使用它时“处理程序最多执行一次每个元素”。

是否有一种“内置”方法将事件处理程序绑定(bind)到多个元素，并在其中任何一个元素上执行后自动将其从所有元素中删除？

Answer 1

简单。只需在回调函数内解除绑定(bind)事件处理程序即可。像这样:

$('p').on('click', function(){
  alert('I appear only one time');
  $('p').off('click'); // Removes the event. So, it will never be executed again.
})

此脚本将删除所有点击类型的事件，这有点激进。检查 off 的文档和 unbind了解更多信息。