jquery one

jQuery .one() 方法

jQuery 的 .one() 方法用于为元素绑定一个仅执行一次的事件处理函数。事件触发后，处理函数会自动解除绑定，确保不会重复执行。

语法

$(selector).one(event, handler);

参数说明

• event: 必需，指定事件类型（如 "click"、"mouseenter"）。
• handler: 必需，事件触发时执行的函数。

示例代码

// 点击按钮后仅触发一次
$("#myButton").one("click", function() {
    alert("This message will only show once.");
});

高级用法

可以传递额外数据给事件处理函数：

$("#myButton").one("click", { key: "value" }, function(event) {
    console.log(event.data.key); // 输出 "value"
});

多个事件绑定

通过空格分隔事件名，可以同时绑定多个事件：

$("#myElement").one("click mouseenter", function() {
    console.log("Triggered once for click or mouseenter");
});

注意事项

• 事件处理函数会在第一次触发后立即解除绑定。
• 适用于需要一次性操作的场景（如初始化提示、表单提交防重复）。