在前两篇文章中,我们已经介绍了事件的传输机制,以及如何防止事件冒泡和默认行为。那么,作为“事件三部曲”的最后一部,我们简单介绍一下DOM规范中提供了哪些事件。事件的类型浏览器中可能会发生多种事件。了
顺晟科技
2022-10-24 09:20:07
66
大家好,我是岚尹~一名热爱技术的项目经理。不定期更新项目管理、前端、运维的经验分享~如果对我的文章感兴趣,请用小手点个赞。
欢迎长期交流~
I .场景在待办小程序中,我们使用点选复选框来表示该事项已经完成。
也就是说,当我们点选复选框时,需要绑定一个触发函数,通过点选事件触发后续动作,并存储值,这样当我们重新进入小程序时,待办事项的完成情况仍然和上次更新时一样。
二。代码实现根据微信官方文档描述,在小程序中选择单个复选框,会触发checkbox-group的变更事件。因此,我们需要在checkbox标签之外添加一个check-group标签,并通过bindchange绑定在事件发生后触发处理函数。
H5电码:
Checkbox-group class=' checkcl ' bind change=' check handler ' wx : key=' tid ' wx : for=' { { todoList } } ' wx : for-item=' today time } } ' class=' checki ' bind tap=' CK index ' checked=' { { todo . tcheck } } ' data-index=' { { index } } '/Checkbox text class=' checki ' data-time=' { { toda
通过e.detail.value.length获取复选框的值,如果选中复选框,则值为1;如果未选中该复选框,则值为0。
CheckHandler(e){ //设置当前复选框的值let checked=e . detail . value . length;console.log(已选中);if(checked==1){ this . setdata({ checked : true });} else { this . setdata({ checked : false });}},
02
2022-12
02
2022-12
24
2022-10
24
2022-10
24
2022-10
24
2022-10