JQ事件委托導致點擊事件多次執行問題
起因:最近寫網頁其中一個模塊使用tab切換~每一個tab裏都有點擊按鈕提交事件,剛開始點擊提交只執行一次,但是只要我tab切換頁面又切換回來該頁面,再點擊該按鈕,我切換了多少次頁面,代碼提交也會提交很多次;
原因:後來找了一下原因,得知是因為JQ事件委托導致點擊事件多次執行的(事件委托是指:利用事件冒泡,指定一個事件處理程序來管理某一類型的所有事件),雖然我頁面切換了,但是事件問題還在,所以才會點擊一次執行多次;
解決方法:使用off()函數移除之前添加的事件處理程序,就能解決該問題。
eg:
$(document).off().on(‘click‘,‘.recharge button‘,function(){
//所執行的代碼
});
JQ事件委托導致點擊事件多次執行問題
相關推薦
JQ事件委托導致點擊事件多次執行問題
func 中一 頁面切換 後來 ech cli 程序 處理程序 clas 起因:最近寫網頁其中一個模塊使用tab切換~每一個tab裏都有點擊按鈕提交事件,剛開始點擊提交只執行一次,但是只要我tab切換頁面又切換回來該頁面,再點擊該按鈕,我切換了多少次頁面,代碼提交也會提交很
absolute 導致點擊事件無效
clas star start cit spa 事件 filter z-index color 方案一: 添加層數 z-index 方案二: 背景的透明度為0 background-color:#000; filter:alpha(opacity=0); opac
事件委托導致重復綁定多次事件
綁定 方法 click font page 接口 In ret btn 最近在制作分頁的時候使用事件綁定,導致ajax訪問接口成倍的增加,找了好久發現是由於多次事件綁定引起的。 //分頁功能 Sea("page").on("click",".page-btn",f
JQuery的事件委托;jQuery註冊事件;jQuery事件解綁
click事件 元素 con 返回 cli fcc pro 冒泡事件 fault 一、事件 ①事件委托:就是給子元素的父元素或者祖先元素註冊一個事件,但是事件的執行者是子元素,委托事件的好處是能夠給動態創建出來時元素也加上事件。 ②簡單事件:就是給自己註冊事件自己執
關於setTimeout多次點選會多次執行方法導致執行速度加快的問題
有的網友在剛剛入門學習setTimeout這個函式時,往往會拿一些例子進行測試,比如: <script type="text/javascript"> var num=0; function numCount(){ document.getElementByI
UIView加入手勢 然後UITableView 加入進這個View 導致UITableView 的單元格點擊事件無效
wce 解決 objc ace seq ins dispose log fse #import "ViewController.h" @interface ViewController ()<UITableViewDataSource,UITableViewD
關於ios上點擊事件觸發經過導致layui nav跳轉的bug
dex hover 通過 頁面跳轉 導致 UNC 跳轉 touch index 在ios上點擊事件其實是第一下觸發的hover事件,第二次點擊才是觸發click事件; 在用layui 的nav菜單,它的跳轉是通過click事件觸發的,所以在ios上就會出現,頁面跳轉需要點擊
js事件委托
html == logs click copy var over 按鈕 nload 1,什麽是事件委托:通俗的講,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是讓別人來做,這個事件本來是加在某些元素上的,然而你卻加到別人身上來
關於在"a"標簽中添加點擊事件的一些問題
ret 返回 ref catch urn 屬性 false turn 沒有 昨天做修改頁面跳轉時遇到一個問題,如果a標簽的"href"屬性為空的話,比如這樣<a href="" onclick="roleupdate()">修改</a>,這時當我
JS 事件綁定、事件監聽、事件委托詳細介紹
兼容性 log 查看 and == 常用 提高 監聽 live 事件綁定 要想讓 JavaScript 對用戶的操作作出響應,首先要對 DOM 元素綁定事件處理函數。所謂事件處理函數,就是處理用戶操作的函數,不同的操作對應不同的名稱。 在JavaScript中,有三種常用的
阻止點擊事件
uil return 阻止冒泡 fun 是我 false pro ole def 有的時候我們實現功能時,會遇到種種問題需要阻止事件進行,比如 ul 與 li 同時綁定了個方法,但是點擊後功能並不一樣,這時候我們如果只點擊 ul 還好,只會觸發 ul 的方法,但如果點擊
android入門 — ListView點擊事件
.com 方法 itemclick text his class 處理 分享 str listView中提供了兩種點擊事件的處理方法,分別是OnItemClick和OnItemLongClick。 OnItemClick提供的是點擊操作的處理,OnItemLongClic
js在父元素上添加點擊事件,怎麽阻止子元素繼承父元素的點擊事件?
!= fun 元素 spa clas urn else target click div.onclick = function(ev){ if(ev.target!=this) return; else { ... } }js在父元素
position布局影響點擊事件以及冒泡獲取事件目標
在編寫功能時總是會出現很多意想不到的問題,現在就講講證券通投顧網遇到的兩個問題,通過舉一個相似的例子來解說。 <1>元素互相獨立,不存在包含於被包含 選擇城市的按鈕,為它綁定點擊事件,點擊後就彈出城市列表層,城市列表層設置了position與z-index的值來進行
android開發裏跳過的坑——button不響應點擊事件
一個 不響應 color 事件 short ces andro generate lis 昨天遇到一個頭疼的問題,在手機上按鈕事件都很正常,但是在平板上(橫屏顯示的狀態),button點擊事件不響應,代碼簡化如下: public class Test extends Ac
委托的應用之事件
con 代碼 eve null awake his 增加 del 問題: 前言 上一個章節介紹了委托,這裏我們再通過一個例子繼續鞏固一下委托的用法並引入事件的用法 。 為了便於理解,這裏還是引入一個很老的例子: 因為一只貓叫了一聲 接著老鼠被嚇跑 小孩
阻止事件冒泡傳播,點擊包含點擊
cti 包含 opp oca ppr || cat window tin function stopBubbling(e) { e = window.event || e; if (e.stopPropagatio
jQuery事件委托
只需要 back nbsp nod function wrap 每一個 document dev 事件委托是通過事件冒泡的原理,利用父級去觸發子級的事件。 如下html,如果不用事件委托,將每一個li都去添加click事件監聽,非常麻煩。 另外就是如果通過js動態創
安卓點擊事件回調機制的思考
當我 屬性 .com 分享 是什麽 很好 理解 匿名內部類 參數 回調(毀掉?)機制 http://www.cnblogs.com/heshuchao/p/5376298.html這篇文章講的很好。 這篇 屬於 JAVA的範疇,只不過我們是借用安卓按鈕的onclick事件來
fastclick.js解決移動端(ipad)點擊事件反應慢問題
javascrip tag 區間 spa doc base blog data- ava 參考http://blog.csdn.net/xjun0812/article/details/64919063 http://www.jianshu.com/p/16d3e4