国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

使用jQuery避免鼠標雙擊的解決方案

2019-11-20 22:22:54
字體:
供稿:網(wǎng)友
介紹
當用戶雙擊DOM對象(例如按鈕和鏈接等)時,對于用戶交互一直是個麻煩的問題。 幸運的是, jQuery 提供了一個相當棒的解決方法。 那就是.one()。

.one()這個方法是做什么的?
它附加了一個元素事件的處理程序并且每個元素只能運行一次事件處理器函數(shù)。

參數(shù)
.one( events [, selector ] [, data ], handler(eventObject) )

events
類型: String
•規(guī)定添加到元素的一個或多個事件。由空格分隔多個事件。必須是有效的事件。就像“click”和“keydown.myPlugin”一樣。

選擇器參數(shù)
參數(shù)類型: String
•選擇器字符串用于過濾出被選中的元素中能觸發(fā)事件的子元素
•如果傳null或者省略,當事件到達選定的元素時就會被觸發(fā)
數(shù)據(jù)
參數(shù)類型: 任何類型
•該參數(shù)的值在事件觸發(fā)將會傳遞給的事件處理函數(shù)
事件處理函數(shù)
 參數(shù)類型:函數(shù)類型
•事件觸發(fā)時應該調(diào)用的函數(shù)
•false 也是允許的因為它就是簡單return false;函數(shù)的簡寫形式
舉例
復制代碼 代碼如下:

$("#saveBttn").one("click", function () {
alert("This will be displayed only once.");
});

或者
復制代碼 代碼如下:

$("body").one("click", "#saveBttn", function () {
alert("This displays if #saveBttn is the first thing clicked in the body.");
});上述代碼關鍵在于:

•當代碼執(zhí)行結(jié)束時,點擊id為saveBtn的元素將會彈出警告框
•之后的點擊將沒有任何反映
•這等同于 ==>
復制代碼 代碼如下:

$("#saveBttn").on("click", function (event) {
alert("This will be displayed only once.");
$(this).off(event);
});

換句話說這和在綁定事件處理函數(shù)中顯式調(diào)用off()作用是一樣的

了解更多請點擊
jQuery .one()

總結(jié)
上面所提到的方法是jQuery 1.7的新特性,所以如果你的元素點擊事件不止觸發(fā)一次,這可能是個解決方案哦。多么神奇的方法啊,如有任何疑問請聯(lián)系我。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 隆林| 阿拉善右旗| 普兰县| 泽州县| 安岳县| 西林县| 红安县| 高要市| 建湖县| 永年县| 苏尼特右旗| 玛多县| 舟山市| 突泉县| 东莞市| 区。| 襄垣县| 蒙城县| 盘锦市| 宁海县| 宿迁市| 彰化市| 眉山市| 济阳县| 手游| 汤阴县| 临夏市| 济阳县| 潼关县| 青川县| 卢湾区| 鄯善县| 嘉义县| 松溪县| 封开县| 会理县| 淳化县| 顺义区| 石阡县| 全椒县| 军事|