對layui中的onevent 和event的使用詳解
這是官方文檔的說明
| layui.onevent(modName, events, callback) | 自定義模塊事件,屬于比較高級的應(yīng)用。有興趣的同學(xué)可以閱讀layui.js源碼以及form模塊 |
| layui.event(modName, events, params) | 執(zhí)行自定義模塊事件,搭配onevent使用 |
參數(shù)1我暫時理解為組,定義子級方法和使用event調(diào)用都需要注意這個參數(shù)必須一致
參數(shù)二是定義父級方法名,如果有需要定義該方法的子方法時候同樣使用onevent,但參數(shù)二的方法名需要與父級相同并已加上括號
如下面的代碼中data方法,定義子方法就是data(1),
如果使用layui.event方法調(diào)用data(1),方法即會data(1)和data方法
//監(jiān)聽Tab切換,以改變地址hash值
element.on("tab(test)", function() {
// location.hash = "test=" + this.getAttribute("lay-id");
//使用event調(diào)用data(1)方法并傳入?yún)?shù),這時候這里會觸發(fā)data方法和data(1)方法
layui.event('groupData','data(1)',this.getAttribute("lay-id"));
});
//定義父級方法data
layui.onevent('groupData','data',function(gid){
console.log(gid);
});
//定義子方法data(1)
layui.onevent('groupData','data(1)',function(gid){
console.log(1321321);
});
以上均為本人使用經(jīng)驗理解,如有說錯,歡迎大家指出!
這篇對layui中的onevent 和event的使用詳解就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序?qū)崙?zhàn)之網(wǎng)易云音樂歌曲詳情頁實現(xiàn)代碼
本文給大家介紹了微信小程序?qū)W習(xí)記錄之網(wǎng)易云音樂歌曲詳情頁代碼實現(xiàn),代碼分為html、css和js部分,本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-05-05
JavaScript 開發(fā)中規(guī)范性的一點感想
在開發(fā)中通用的幾個方法,我們把它們放到utility目錄下或者utility.js中;所有的提示信息和報錯信息統(tǒng)一放置在一起。看起來都是小小的幾步,卻能讓咱們開發(fā)的代碼同事讀起來更順暢,下個項目中也能用上。2009-06-06
細說JS數(shù)組遍歷的一些細節(jié)及實現(xiàn)
本文主要介紹了細說JS數(shù)組遍歷的一些細節(jié)及實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-05-05
JavaScript 無縫上下左右滾動加定高定寬停頓效果(兼容ie/ff)
JavaScript 指定寬度高度的無間斷滾動實現(xiàn)代碼,這樣的效果適合作為焦點新聞的輪播顯示。2010-03-03
微信小程序?qū)崿F(xiàn)移動端滑動分頁效果(ajax)
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)移動端滑動分頁效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06
JavaScript限制在客戶區(qū)可見范圍的拖拽(解決scrollLeft和scrollTop的問題)(2)
這篇文章主要介紹了JavaScript限制在客戶區(qū)可見范圍的拖拽,解決scrollLeft和scrollTop的問題,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05
javascript實現(xiàn)劃詞標記劃詞搜索功能修正版
javascript實現(xiàn)劃詞標記劃詞搜索功能修正版...2006-12-12
JS前端組件設(shè)計以業(yè)務(wù)為導(dǎo)向?qū)嵺`思考
這篇文章主要為大家介紹了JS前端組件設(shè)計以業(yè)務(wù)為導(dǎo)向?qū)嵺`思考,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-03-03

