在jQuery中,我們可以使用one()方法為所選元素綁定一個“只觸發一次”的處理函數。
語法:
$().one(type , fn)
說明:
type表示事件類型,例如單擊事件是“click”,雙擊事件是“dbclick”,以此類推。這裡的type是一個字符串。
fn表示事件的處理函數。
舉例:
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="../App_js/jquery-1.12.0.min.js"></script>
<script type="text/javascript">
$(function () {
$("#btn").one("click", function () {
alert("只能彈出一次!");
});
})
</script>
</head>
<body>
<input id="btn" type="button" value="按鈕"/>
</body>
</html>
在浏覽器預覽效果如下:
分析:
這裡我們使用one()方法為按鈕綁定了一個“只觸發一次”的click事件。當我們第一次點擊按鈕之後會彈出對話框,但是第二次點擊按鈕就不會有任何反應。這就是one()方法的特點。