如何控制只触发一次事件？
实际上，一个快速的谷歌似乎暗示了一个有.one帮助的事实。
只触发一次事件？
IT技术
javascript
jquery
dom-events
2021-02-18 01:28:56
6个回答
使用once，如果你不需要支持Internet Explorer：
element.addEventListener(event, func, { once: true });
否则使用这个：
function addEventListenerOnce(target, type, listener, addOptions, removeOptions) {
target.addEventListener(type, function fn(event) {
target.removeEventListener(type, fn, removeOptions);
listener.apply(this, arguments);
}, addOptions);
}
addEventListenerOnce(document.getElementById("myelement"), "click", function (event) {
alert("You'll only see this once!");
});
您可以使用jQuery的one方法，这将认购仅一个事件的第一次出现。
例如：
$('something').one('click', function(e) {
alert('You will only see this once.');
});
同rofrol的回答，只是另一种形式：
function addEventListenerOnce(element, event, fn) {
var func = function () {
element.removeEventListener(event, func);
fn();
};
element.addEventListener(event, func);
}
rofrol 的 anwser 的稍微改进版本：
function addEventListenerOnce(target, type, listener) {
target.addEventListener(type, function fn() {
target.removeEventListener(type, fn);
listener.apply(this, arguments);
});
}
通过使用 apply 传递所有参数this并按预期工作。
只需在 addEventListener 方法调用中使用正确的选项：
element.addEventListener(event, func, { once: true })