對layui中的onevent 和event的使用詳解
更新時(shí)間：2019年09月06日 10:02:20 作者：Q-u-a-n
今天小編就為大家分享一篇對layui中的onevent 和event的使用詳解，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
這是官方文檔的說明
| layui.onevent(modName, events, callback) | 自定義模塊事件，屬于比較高級的應(yīng)用。有興趣的同學(xué)可以閱讀layui.js源碼以及form模塊 |
| layui.event(modName, events, params) | 執(zhí)行自定義模塊事件，搭配onevent使用 |
參數(shù)1我暫時(shí)理解為組，定義子級方法和使用event調(diào)用都需要注意這個(gè)參數(shù)必須一致
參數(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ù)，這時(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)驗(yàn)理解，如有說錯(cuò)，歡迎大家指出！
這篇對layui中的onevent 和event的使用詳解就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了微信小程序使用wxParse解析html的方法,結(jié)合實(shí)例形式詳細(xì)分析了wxParse的下載、導(dǎo)入及具體使用技巧,需要的朋友可以參考下2019-01-01
微信小程序?qū)崿F(xiàn)訂單倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)訂單倒計(jì)時(shí)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06
Textbox控件注冊回車事件及觸發(fā)按鈕提交事件具體實(shí)現(xiàn)
Lyncplus客戶端中訪問Web頁面時(shí)遇到了TextBox控件回車自動完成按鈕的提交事件失效的情況,于是上網(wǎng)查找相關(guān)的介紹最終解決了這兩個(gè)問題，感興趣的你可以參考下或許對你有所幫助2013-03-03
js防抖具體實(shí)現(xiàn)以及詳細(xì)原理步驟說明(附實(shí)例)
節(jié)流和防抖這里兩個(gè)詞可能對一些初入JavaScript的同學(xué)比較陌生,下面這篇文章主要給大家介紹了關(guān)于js防抖具體實(shí)現(xiàn)以及詳細(xì)原理步驟的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09
下面小編就為大家?guī)硪黄コ齢tml代碼里面的script正則方法。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
純JavaScript實(shí)現(xiàn)的兼容各瀏覽器的添加和移除事件封裝
這篇文章主要介紹了純JavaScript實(shí)現(xiàn)的兼容各瀏覽器的添加和移除事件封裝,本文直接給出實(shí)現(xiàn)代碼,代碼中帶詳細(xì)注釋,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)記憶翻牌游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-07-07
使用堆實(shí)現(xiàn)Top K算法（JS實(shí)現(xiàn)）
這篇文章主要介紹了使用堆實(shí)現(xiàn)Top K算法，即JS實(shí)現(xiàn)，文中詳細(xì)介紹了Top K算法，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要介紹了淺談Javascript數(shù)組的使用的相關(guān)資料,包括數(shù)組的大小，數(shù)組的遍歷以及數(shù)組的一些方法，非常細(xì)致，需要的朋友可以參考下2015-07-07
Bootstrap每天必學(xué)之標(biāo)簽與徽章
Bootstrap每天必學(xué)之標(biāo)簽與徽章，對Bootstrap標(biāo)簽與徽章小編也了解的很少，希望通過這篇文章和大家更多的去學(xué)習(xí)Bootstrap標(biāo)簽與徽章，從中得到收獲。2015-11-11