微信小程序的开发环境和普通web开发有所不同,它主要依赖于微信开发者工具,具有自己独特的一套开发规范和框架。二、e.target.dataset详解在微信小程序中,e.target.dataset是一个非常重要的属性,它用于获取事件目标上data-xxx属性的值。具体来说,当你在元素上设置data-xxx属性时,可以通过e.target.dataset.xxx来获取该...
e.target.dataset一会有数据一会又undefined console.log(e)就能看到e对象中包含两个对象分别是currentTarget和target,而真正的数据包含在currentTarget©著作权归作者所有,转载或内容合作请联系作者 1人点赞 小程序的踩坑之路 更多精彩内容,就在简书APP "小礼物走一走,来简书关注我"赞赏支持还没有人赞赏,支持一下...
tagNameString当前组件的类型 datasetObject事件源组件上由data-开头的自定义属性组成的集合 dataset 在组件中可以定义数据,这些数据将会通过事件传递给 SERVICE。 书写方式: 以data-开头,多个单词由连字符-链接,不能有大写(大写会自动转成小写)如data-element-type,最终在 event.currentTarget.dataset 中会将连字符转成...
事件对象可以携带额外信息,如 id, dataset, touches。 事件的使用方式 在组件中绑定一个事件处理函数。 绑定事件处理函数: Page({ tapName(event) { console.log(event) } }) 简单来说就是将事件绑定到组件上面,bindtap和catchtap都属于点击事件,绑定了之后点击组件可以触发这个函数。。例如: <view id="tapTest...
会触发 bindtap="gogogo" 吗?会 那么这个 e.target 是指 view 还是指 image 呢?image 结论就是:点击时它会向上寻找 bindtap,但是它传送的 target 还是自身。 所以上面的代码,为了保证 e.target.dataset.id 正确传送,我们也应该给 image 指定 data-id。
跳转 1.1 对标签绑定点击事件 <view bindtap="clickMe" data-nid="123" data-name="SD" >点我跳转</view> Page({ ... /** * 点击绑定的事件 */ clickMe:function(e){ var nid = e.currentTarget.dataset.nid; console.log(nid); } }) 1.2 页面跳转 wx.navigateTo({ 天道Vax的时间宝藏 2021/08/...
事件关键词 bind 和 catch 的区别、事件对象 target 和 currentTarget 的差异 0条评论 得票最新 评论支持部分 Markdown 语法:**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。 注册登录 获取验证码 ...
②e.target 代表的是,实际触发了点击事件的组件。 所以重新试一下,点击语文课、小王老师和空白处时,e.target.id分别为 id1,id2和id3,而e.currentTarget.dataset.id一直都是new1(因为注册点击监听事件的组件,是整个外层View,点击View中的任何部位,都会触发View注册的方法)。
dataset 在组件中可以定义数据,这些数据将会通过事件传递给 SERVICE。 书写方式: 以data-开头,多个单词由连字符-链接,不能有大写(大写会自动转成小写)如data-element-type,最终在 event.currentTarget.dataset 中会将连字符转成驼峰elementType。 示例: DataSet Test ...
先来大概梳理下逻辑,以便引申与更一步了解target与curentTarget。 在小程序中,事件分为2种,冒泡与非冒泡。这不是重点!由于是要理清e.target和e.currentTarget的区别,所以下面从e入手来说。e为事件对象,可以携带额外信息,如 id, dataset, touches。 小程序中,事件对象不止一种,如基础事件对象、自定义事件对象等,...