快手广告投放-快手小程序（开发-框架）05

一、事件

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，快手短视频的用户主要集中在手机端。快手有着海量的用户，强大的服务器后台，所以它能够带来的流量也是相当可观的，现在很多人投放快手广告都找北京巨宣网络广告有限公司，目前在他家开户的速度是非常快的，后期还可以提供代运营服务等等，咨询电话4009602809！~~

公司优势

开户流程

注意事项