专业从事网络营销外包代运营服务

提供广告推广代运营,网站推广,竞价托管,网站建设制作,SEM搜索引擎推广、信息流广告营销、移动短视频广告,社交媒体推广等品牌营销服务

一、事件

01.代码示例:

<!-- .ksml -->

<button id="btnTest" data-hi="helloKS" bindtap="clickMe">Click me!</button>

// .js

Page({

clickMe: function(event) {

this.setData(event)

}

})

02.冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。

03.非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。

KSML 的冒泡事件列表:

类型触发条件touchstart手指触摸动作开始touchmove手指触摸后移动touchcancel手指触摸动作被打断,如来电提醒,弹窗touchend手指触摸动作结束tap手指触摸后马上离开longpress手指触摸后,超过 350ms 再离开longtap手指触摸后,超过 350ms 再离开(推荐使用 longpress 事件代替)transitionend会在 CSS transition 或 ks.createAnimation 动画结束后触发animationstart会在一个 CSS animation 动画开始时触发animationiteration会在一个 CSS animation 一次迭代结束时触发animationend会在一个 CSS animation 动画完成时触发

注:除上表之外的其他组件自定义事件如无特殊声明都是非冒泡事件

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 基础事件对象属性列表

属性类型说明typeString事件类型timeStampInteger事件生成时的时间戳targetObject触发事件的组件的一些属性值集合currentTargetObject当前组件的一些属性值集合markObject事件标记数据

09.CustomEvent 自定义事件对象属性列表(继承 BaseEvent)

属性类型说明detailObject额外的信息

10.TouchEvent 触摸事件对象属性列表(继承 BaseEvent)

属性类型说明touchesArray触摸事件,当前停留在屏幕中的触摸点信息的数组changedTouchesArray触摸事件,当前变化的触摸点信息的数组

特殊事件: canvas 中的触摸事件不可冒泡,所以没有 currentTarget。

type

代表事件的类型。

timeStamp

页面打开到触发事件所经过的毫秒数。

target

触发事件的源组件。

属性类型说明idString事件源组件的 iddatasetObject事件源组件上由 data-开头的自定义属性组成的集合

currentTarget

事件绑定的当前组件。

属性类型说明idString当前组件的 iddatasetObject当前组件上由 data-开头的自定义属性组成的集合

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

属性类型说明identifierNumber触摸点的标识符pageX, pageYNumber文档左上角的,文档的左上角为原点 ,横向为 X 轴,纵向为 Y 轴clientX, clientYNumber页面可显示区域(屏幕除去导航条)左上角,横向为 X 轴,纵向为 Y 轴

CanvasTouch 对象

属性类型说明identifierNumber触摸点的标识符x, yNumber Canvas 左上角的,Canvas 的左上角为原点 ,横向为 X 轴,纵向为 Y 轴

changedTouches

changedTouches 数据格式同 touches。 表示有变化的触摸点,如从无变有(touchstart),位置变化(touchmove),从有变无(touchend、touchcancel)。

detail

自定义事件所携带的数据,如表单组件的提交事件会携带用户的输入,媒体的错误事件会携带错误信息,详见组件定义中各个事件的定义。

点击事件的 detail 带有的 x, y 同 pageX, pageY 代表文档左上角的。

二、页面栈

框架以栈的形式维护了当前的所有页面。 当发生路由切换的时候,页面栈的表现如下:

路由方式页面栈表现初始化新页面入栈打开新页面新页面入栈页面重定向当前页面出栈,新页面入栈页面返回页面不断出栈,直到目标返回页Tab 切换页面全部出栈,只留下新的 Tab 页面重加载页面全部出栈,只留下新的页面

开发者可以使用getCurrentPages()函数获取当前页面栈。


快手广告作为国内知名的短视频app,快手短视频的用户主要集中在手机端。快手有着海量的用户,强大的服务器后台,所以它能够带来的流量也是相当可观的,现在很多人投放快手广告都找北京长春小象网络营销代运营广告有限代运营,目前在他家开户的速度是非常快的,后期还可以提供代运营服务等等,咨询电话158-0194-4939!~~

本文标题:快手广告投放-快手小程序(开发-框架)05

本文链接:https://www.eatui.cn/xinxiliu/17630.html

小象网络是一家以提供网站推广网站建设网站优化信息流广告搜索引擎推广视频广告、软文营销发布为主的互联网营销公司。以客户需求为导向,客户利益为出发点,结合媒体渠道及行业资源优势,为客户提供从基础建设到营销推广的一整套解决方案,探索并实现客户商业价值较大化,为所有谋求长远发展的企业贡献全部力量。