javascript 事件繫結。

2021-07-04 17:13:19 字數 528 閱讀 3918

在js中操作dom時,會出現某個某個元素新增或刪除的情況,繫結在dom上得事件要重新繫結。比如寫法

$(".del-btn").on("click", function())
$(".update-btn").on("click", function())

當新增乙個.class的元素時就需要重新繫結。

另乙個寫法是通過繫結document,在document下查詢元素繫結事件。寫法為

var doc = document;

$(doc).on("click", ".del-btn", function())

$(doc).on("click", ".update-btn", function())

這樣繫結的寫法,再次加乙個class=del-btn的話就不需要再重新繫結了。

使用區域性變數定義document為了避免每次都去查詢全域性變數document。

Javascript中的事件繫結

等價於 window.nl ad bodyonload 如果希望乙個事件繫結多個方法,這樣是不行的 window.nl ad bodyonload1 window.nl ad bodyonload2 window.nl ad bodyonload3 他只會執行最後乙個,這裡有個dom方法 attac...

javascript 事件繫結及深入 三

跨瀏覽器新增事件 function addevent obj,type,fn else if obj.attachevent 跨瀏覽器移除事件 function removeevent obj,type,fn else if obj.detachevent addeevent window,load...

jquery繫結事件以及js繫結事件

jquery繫結事件 bind事件 onelive delegate on對應的 jquery繫結click事件的寫法start click1 bind click function click2 one click function click3 live click function click...