Jquery學習筆記 自定義事件

2021-05-27 17:37:28 字數 716 閱讀 9447

作用:

為了在模組之間解耦合(地球人都知道!)

基本結構

被觸發端: obj.bind('自定義事件名稱','傳入的資料',處理函式)

觸發端: 觸發物件.click( function(event) , function(e, arg1, arg2) );

$(document).trigger('mycustomevent', [ 'bim', 'baz' ]);

});乙個簡單例項: 有兩間屋子,每個屋子有各自的插座和燈泡,還有乙個統一的開關。要求如下:每個房子內的插座和開關能關閉自己屋內的燈泡,master_switch能進行燈泡的統一開啟和關閉。

$('.lightbulb').bind('changestate', function(e)  else 

}).bind('turnon', function(e) ).bind('turnoff', function(e) );

$(this).parent().find('.lightbulb').trigger('changestate');

});$('#master_switch').click(function() else

});

jquery 自定義事件

眾所周知類似於mousedown click keydown等等這型別的事件都是瀏覽器提供的,通俗叫原生事件,這型別的事件是需要有互動行為才能被觸發。elem on click function alert需要執行的條件 必須有使用者點選才可以。如果不同使用者互動是否能在某一時刻自動觸發該事件呢?正...

js自定義事件和jQuery自定義事件

1.簡述 js自定義事件是用來擴充套件dom元素的行為的,可以讓dom元素監聽自定義事件,並手動觸發,更加靈活地實現一些操作。jquery自定義事件使用場景更加廣泛一些,不僅限於dom監聽自定義事件,可以任意自定義事件並隨時觸發。用於實現觀察者模式,為大型專案解耦非常方便。2.js自定義事件,js可...

jQuery 新增自定義事件以及觸發自定義事件

一 新增自定義事件 通過jquery的bind 或者on 方法 新增自定義事件 如下 自定義了乙個mychange事件 postionid on mychange function 二 觸發自定義事件 通過jquery的trigger 方法 觸發自定義事件mychange postionid tri...