1. 程式人生 > >jQuery給一個元素繫結事件前,一次點選會多次觸發的問題所在

jQuery給一個元素繫結事件前,一次點選會多次觸發的問題所在

如果在給一個元素繫結事件後,再次繫結事件就會出現多次繫結的情況,此時就會出現多次觸發,解決方法我採用的是,在繫結事件前進行解綁,bind繫結的時間用ubbind解綁,其他繫結方法用對應的解綁方法解綁。

相關推薦

jQuery一個元素事件觸發的問題所在

如果在給一個元素繫結事件後,再次繫結事件就會出現多次繫結的情況,此時就會出現多次觸發,解決方法我採用的是,在繫結事件前進行解綁,bind繫結的時間用ubbind解綁,其他繫結方法用對應的解綁方法解綁。

JqueryHTML元素按鍵事件-回車事件

在做網頁的時候,有時是需要js來判斷使用者的按鍵來進行操作對應的功能。 本例項已載入jquery.js 1、全域性判斷按鍵(按回車) $(document).keypress(function(e) { var eCode = e.k

微信小程式 js動態前臺元素事件

//js動態給前臺繫結事件 var myList = ["items1","items2","items3"] pageObject = { data:{ actionSheet

jQuery為動態元素事件的方式

在使用jQuery的方式為元素繫結事件時,我經常使用bind或者click,但這隻能為頁面已經載入好的元素繫結事件。像需要用ajax的方式請求遠端資料來動態新增頁面元素時,顯然以上幾種繫結事件的方式是無效的,具體寫法如下圖。 $(selector).bind(event

利用jquery動態載入的元素事件

工作中經常會遇見利用ajax載入dom元素,這樣就不能給動態載入的元素繫結時間 此時可以利用jquery的on方法解決(老版本使用live方法) $(document).on("click",".edit-btn",function(){             aler

Jquery動態新增的元素事件:live() delegate() on()

給已存在的元素繫結事件時可以直接寫: $(".class a").click(function(){ }) 但是對於動態生成並append()到頁面上的元素來說,就不能直接用上面的方法來繫結事件了。 在Jquery 1.7之前我們可以通過live()和delega

【v-on】一個元素事件以及一個事件個函式的兩種寫法

本文程式碼主要講述了v-on繫結事件函式傳參,一個元素繫結多個事件的兩種寫法,一個事件繫結多個函式的兩種寫法,修飾符的使用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8

jQuery動態新增的元素事件

  今天在做專案是時候發現動態新增的元素不能繫結事件,由於本人js和jquery技術有限,所以也不知道原因,一查才知道,動態新增的元素繫結事件就會失效,所以修改了一下。 jquery中繫結事件一般使用bind,或者click,但是這隻能是對已經載入好的元素定義事件,那些後來新增插入

41. jQuery-使用unbind()方法移除元素事件

1.效果圖 2.html程式碼 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>41. jQuery-使用unbind()方法移出元

如何用vue 語法 html元素原生js DOM 事件

問題描述: 最近在使用vue全家桶開發頁面,而且也是剛入門vue,很多vue的東西都是現學現用。 想要給一個html元素繫結DOM事件,我以前 肯定是用javascipt 的DOM 操作,但是既然專案用了vuejs ,我就想用vuejs實現一下,但是官方文件的這塊寫的非常簡

JS實現迴圈元素事件的幾個常用方法

作為一個JS的初學者,想對一些元素迴圈繫結事件的時候總是出現各種問題,尤其是在對閉包沒有熟練掌握的時候更是一頭霧水。網上一查,果然好多初學者有這個困惑,既然這個問題總是出現,於是在我就總結了以下兩個比較好理解的解決方案,分享給大家:(可能還有更好的方式我沒有發現,請各位前輩

AngularJS中如何動態生成的元素事件

1 . 我們知道在jquery中,動態生成一個元素,如果要在動態生成元素的同時,動態繫結事件,可以通過live/on方法(在jquery3.0中已經廢除了bind方法)。 2 . 在angularjs中,操作DOM一般在指令中完成,事件監聽機制是在對於已經靜態

jquery html 動態新增元素事件

由於實際的需要,有時需要往網頁中動態的插入HTML內容,並在插入的節點中繫結事件處理函式。我們知道,用Javascript向HTML文件中 插入內容,有兩種方法, 一種是在寫HTML程式碼寫入JS,然後插入到文件中; 另外一種是通過ajax的方式,從伺服器獲取資料,然

從零開始學 Web 之 jQuery(五)操作元素其他屬性元素事件

一、操作元素的寬和高 1、方法一 元素.css("width"); 元素.css("height"); 最後得到的是字串型別的,比如 200px。 如果我們在設定為原來寬高2倍的時候,就要先把獲取的寬高轉換成數字型別,再乘以2,這樣操作比較麻煩,有沒有簡單的方法呢? 2、方法二 元素.width(屬性

jQuery-為動態新增的元素事件(以及不重複新增新的內容)

在使用jQuery的方式為元素繫結事件時,我經常使用bind或者click,但這隻能為頁面已經載入好的元素繫結事件。像需要用ajax的方式請求遠端資料來動態新增頁面元素時,顯然以上幾種繫結事件的方式是無效的 $(selector).bind(event,d

處理jQuery append加入的元素 事件無效的方法

問題是:通過jQuery append(或者before、after,一樣)新新增進網頁的元素,常用的事件不能觸發,比如:append了id 為 abc 的元素,那麼 $(#abc).click(function(){})是沒有效果的。 1. 網上說要用live()函式,親

jquery html動態新增的元素事件

在實際開發中會遇到要給動態生成的html元素繫結觸發事件的情況: <div id="testdiv">    <ul></ul> </div> 假設我們要給ul動態新增的<li>繫結click事件形成如下結果 &

jquery查詢元素,事件,DOM操作

//remove 會移除元素和元素關聯的事件//detach 只會移除元素$("#btn").click(function(){alert("123123");}); 遍歷節點$("strong").each(function(i,e){ //i  下標  從0開始 //e  元素console.log(i,

迴圈中元素事件

for(var i=0; i<10; i++){ $('#pages_div_' + i).bind('click', {index : i}, clickHandler); } function clickHandler(event){ $(

為未來元素事件(JavaScript和jquery兩種方法對比)

小白 ~_~!!  日常打醬油  一般我們為已經存在的元素繫結事件,那麼直接獲取這個元素的id,直接繫結上去就可以了. 但當這個元素不存在,將會我們又會新增進去的時候,直接獲取目標元素id繫結事件就會對未來新新增的元素失效了!!.  也就是你後來新新增這個元素,是無法被觸發的