jQuery one()方法绑定事件（仅触发一次）

时间：03-07来源：作者：点击数：

在 jQuery 中，我们可以使用 one() 方法为元素添加一个“只触发一次”的事件。

语法：

$().one(type, fn)

type 是必选参数，它是一个字符串，表示事件类型。fn 也是必选参数，表示事件的处理函数。

举例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $("#btn").one("click", function(){
                alert("欢迎来到城东书院！");
            })
        })
    </script>
</head>
<body>
    <input id="btn" type="button" value="按钮" />
</body>
</html>

预览效果如图7-8所示。

图 1：一次事件

分析在这个例子中，我们使用 one() 方法为按钮添加了一个只触发一次的 click 事件。第一次点击按钮后会弹出对话框，而第二次点击时就没有任何反应了，这是因为 click 事件已经被解除。

实际上，对于 one() 方法，我们可以使用 on() 和 off() 这两个方法模拟出来。

$("#btn").one("click", function(){
    alert("欢迎来到城东书院！");
})

上面这段代码可以等价于：

$("#btn").on("click", function(){
    alert("欢迎来到城东书院！");
    $(this).off("click");
})

方便获取更多学习、工作、生活信息请关注本站微信公众号 城东书院微信服务号

来顶一下

返回首页

上一篇:jQuery on和trigger添加触发自定义事件下一篇:jQuery hover()鼠标移入移出事件

高考生入学注意：这些大	【健康】纯净水、天然
14种竞赛生升学路径盘	excel后缀xls和xlsx有