您好,登錄后才能下訂單哦!
小編給大家分享一下小程序事件的示例分析,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
摘要: 本文介紹微信小程序事件如何使用。1:事件冒泡在微信小程序開發(fā)工具中,新建event文件夾,新建文件,在event.wxml中填寫如下代碼:viewclass=view1bindtap=view1clickid=view1 data-title=新聞標(biāo)題data-id=100 這里 ...
1:事件冒泡 在微信小程序開發(fā)工具中,新建event文件夾,新建文件,在event.wxml中填寫如下代碼:
在event.wxss中填寫如下代碼: .view1{ height: 500rpx; width: 100%; background-color:beige; } .view2{ height: 400rpx; width: 80%; background-color: red; }
在event.js中增加如下代碼:
編譯并運(yùn)行,然后在模擬器中點(diǎn)擊view3區(qū)域結(jié)果如圖1所示:可以看到,除了view3之外,view2和view1的點(diǎn)擊事件都響應(yīng)了,這就是點(diǎn)擊事件冒泡 圖1 2:阻止事件冒泡 將
改為
其他代碼不變,編譯運(yùn)行,還是點(diǎn)擊view3區(qū)域,查看日志信息,如圖2所示,事件不再冒泡 圖2 3:事件信息傳入 上述代碼中:view1click : function(event)增加打印傳入的event事件信息代碼如下:編譯運(yùn)行如圖3所示:
圖3 其中dataset中為自定義的屬性,id:100,title: “新聞標(biāo)題”,這個(gè)自定義屬性設(shè)置在如下代碼:
|
看完了這篇文章,相信你對(duì)“小程序事件的示例分析”有了一定的了解,如果想了解更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。