在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()方法的特點。