一、事件
01.代码示例:
<!-- .ksml -->
<button id="btnTest" data-hi="helloKS" bindtap="clickMe">Click me!</button>
// .js
Page({
clickMe: function(event) {
this.setData(event)
}
})
02.冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。
03.非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。
KSML 的冒泡事件列表:
注:除上表之外的其他组件自定义事件如无特殊声明都是非冒泡事件
04.阻止事件冒泡
使用catchtap可以阻止冒泡
<view id="outer" bindtap="handleTap1">
outer view
<view id="middle" catchtap="handleTap2">
middle view
<view id="inner" bindtap="handleTap3">
inner view
</view>
</view>
</view>
05.事件的捕获阶段
可以采用capture-bind、capture-catch关键字,后者将中断捕获阶段和取消冒泡阶段。
06.互斥事件绑定
使用mut-bind,只会有一个绑定mut-bind函数被触发。同时,它完全不影响 bind 和 catch 的绑定效果。
07.事件对象
如无特殊说明,当组件触发事件时,逻辑层绑定该事件的处理函数会收到一个事件对象。
08.BaseEvent 基础事件对象属性列表
09.CustomEvent 自定义事件对象属性列表(继承 BaseEvent)
10.TouchEvent 触摸事件对象属性列表(继承 BaseEvent)
特殊事件: canvas 中的触摸事件不可冒泡,所以没有 currentTarget。
type
代表事件的类型。
timeStamp
页面打开到触发事件所经过的毫秒数。
target
触发事件的源组件。
currentTarget
事件绑定的当前组件。
dataset
在组件节点中可以附加一些自定义数据。这样,在事件中可以获取这些自定义的节点数据,用于事件的逻辑处理。在 KSML 中,这些自定义数据以 data- 开头,多个单词由连字符 - 连接。这种写法中,连字符写法会转换成驼峰写法,而大写字符会自动转成小写字符。如:
data-element-type,*终会呈现为event.currentTarget.dataset.elementType;data-elementType,*终会呈现为event.currentTarget.dataset.elementtype。 示例:
<view data-alpha-beta="1" data-alphaBeta="2" bindtap="bindViewTap"> DataSet Test </view>
Page({
bindViewTap:function(event){
event.currentTarget.dataset.alphaBeta === 1 // - 会转为驼峰写法
event.currentTarget.dataset.alphabeta === 2 // 大写会转为小写
}
})制
mark
使用 mark 来识别具体触发事件的 target 节点。此外, mark 还可以用于承载一些自定义数据(类似于 dataset )。
当事件触发时,事件冒泡路径上所有的 mark 会被合并,并返回给事件回调函数。(即使事件不是冒泡事件,也会 mark 。)
代码示例:
<view mark:myMark="last" bindtap="bindViewTap">
<button mark:anotherMark="leaf" bindtap="bindButtonTap">按钮</button>
</view>
在上述 KSML 中,如果按钮被点击,将触发 bindViewTap 和 bindButtonTap 两个事件,事件携带的 event.mark 将包含 myMark 和 anotherMark 两项。
Page({
bindViewTap: function(e) {
e.mark.myMark === "last" // true
e.mark.anotherMark === "leaf" // true
}
})
mark 和 dataset 很相似,主要区别在于: mark 会包含从触发事件的节点到根节点上所有的 mark: 属性值;而 dataset 仅包含一个节点的 data- 属性值。 细节注意事项:
-如果存在同名的 mark ,父节点的 mark 会被子节点覆盖。 -在自定义组件中接收事件时, mark 不包含自定义组件外的节点的 mark 。 -不同于 dataset ,节点的 mark 不会做连字符和大小写转换。
touches
CanvasTouch 对象
changedTouches
changedTouches 数据格式同 touches。 表示有变化的触摸点,如从无变有(touchstart),位置变化(touchmove),从有变无(touchend、touchcancel)。
detail
自定义事件所携带的数据,如表单组件的提交事件会携带用户的输入,媒体的错误事件会携带错误信息,详见组件定义中各个事件的定义。
点击事件的 detail 带有的 x, y 同 pageX, pageY 代表文档左上角的。
二、页面栈
框架以栈的形式维护了当前的所有页面。 当发生路由切换的时候,页面栈的表现如下:
开发者可以使用getCurrentPages()函数获取当前页面栈。
快手广告作为国内知名的短视频app,快手短视频的用户主要集中在手机端。快手有着海量的用户,强大的服务器后台,所以它能够带来的流量也是相当可观的,现在很多人投放快手广告都找北京长春小象网络营销代运营广告有限代运营,目前在他家开户的速度是非常快的,后期还可以提供代运营服务等等,咨询电话158-0194-4939!~~
本文标题:快手广告投放-快手小程序(开发-框架)05
本文链接:https://www.eatui.cn/xinxiliu/17630.html