js建立的元素怎麼繫結事件

2022-09-12 07:48:14 字數 760 閱讀 4836

當在使用js或jquery建立元素時,用 on(事件,function()) 或者 事件(function())繫結事件時

例如:

1

<

div>

2<

button

id="btncreate"

>點選

button

>

3div

>

4<

div

class

="creatediv"

>56

div>78

js**:

9$('#btncreate').on('click',function () )

12 $('.creatediv').on('click',function())

但發現這樣aler是彈不出來的,因為在點選建立時,.agin按鈕在document裡是不存在的。這種時候需要利用委託或者直接指明父元素才能繫結。

解決辦法1:指明建立元素的父元素,再使用on方法繫結,所有的事件最後都是在on方法裡執行的

1

$(".creatediv").on("click",".agin",function () );

解決辦法2:利用委託,其實和利用on方法用法差不多

1 $(".creatediv").delegate('agin', 'clik', function () );

利用監聽,監聽事件的發生也是個方法,這裡就不贅述了。

js中怎麼繫結事件

我們想用兩個window.onload的時候,起作用的其實是最後乙個。就和變數乙個道理,如果寫 var a 5 a 9 最後a是9 同學說,可以寫到乙個 window.onload裡面,但是實戰專案中,我們都是分工合作的,每個人都想用自己的 window.onload,這個時候就需要用到事件繫結了。...

js事件繫結並獲取元素

dom事件繫結的幾種方式 html中直接繫結 利用html事件屬性。html中繫結事件叫做內聯繫結事件,不利於分離。不能解綁 js中直接繫結 利用dom操作。js中直接繫結稱為賦值繫結函式,缺點是只能繫結一次。解綁ele.nclick null addeventlistener 注意去掉on,通過r...

元素繫結事件

on事件名 function 當事件發生時 on事件名 this 用賦值方式繫結事件處理函式 addeventlistener 事件名 handler 在瀏覽器中為 元素的指定事件,新增乙個事件監聽物件。將事件監聽物件加入到瀏覽器的監聽佇列中。觸發事件時 瀏覽器會遍歷監聽佇列中的每個監聽物件,找到觸...