百度智能小程序SWAN 视图事件是什么

1419次阅读

事件处理

开发者可以使用bind: + 事件名来进行事件绑定

<view class="view-more" bind:tap="loadMore">
点击加载更多
</view>
   

Page({
loadMore: function () {
console.log('加载更多被点击');
}
});
   

目前支持的事件类型有:

类型                触发条件

touchstart      手指触摸开始    

touchmove    手指触摸后进行移动    

touchend       手指触摸结束    

touchcancel   手指触摸动作被打断,如来电提醒等    

tap                手指触摸后马上离开动作    


事件对象

当开发者绑定方法到事件,事件触发时,SWAN 会给触发的方法传递事件对象,事件对象因事件不同而不同,目前基础的事件对象结构为:


属性                     类型        说明

type                  String     事件类型    

currentTarget    Object    事件触发的属性集合    


dataset

开发者可以在组件中自定义数据,并在事件发生时,由 SWAN 所在事件对象中,传递给绑定函数。

示例代码:

<view data-swan="1" bind:tap="viewtap">dataset-test</view>
   

Page({
viewtap: function (event) {
console.log('value is:', event.currentTarget.dataset.swan);// 输出1
}
});
   

touches

开发者在接收到触摸类事件后,在事件对象上,可以接收到当前停留在屏幕上的触摸点。

Touch 对象


属性                       类型                                     描述

pageX , pageY    Number    距离文档左上角的距离,横向为 X,纵向为 Y    

clientX , clientY    Number    距离屏幕视口左上角距离,横向为 X,纵向为 Y    


阅读本文的人还可以阅读:

百度智能小程序入口有哪些?哪里可以进入百度智能小程序?

百度智能小程序开源联盟是什么

百度智能小程序的流量为什么那么高,小程序如何引流?

怎样做好百度智能小程序体验设计(1)

本文由夫唯SEO特训营编辑整理,最后修订时间:2019-01-18

搜外专注SEO培训和SEO周边Saas服务解决方案,10年来超过五万学员在此获得技术提升和人脉圈子。

SEO课程包含移动搜索、零基础建站、群站SEO思维、搜外6系统、SEM入门等。

172期4班报名时间11月21日-11月28日,请添加招生客服小沫微信:seowhy2021。 微信扫码添加客服人员

我们的目标是:让非技术人员轻松学会互联网技术。

  • 搜外会员SEO交流群(免费)

    微信扫码添加客服人员
  • 小程序运营交流群(免费)

    微信扫码添加客服人员
  • 搜外会员SEM竞价交流群(免费)

    微信扫码添加客服人员
  • 夫唯学员SEO交流群(VIP)

    微信扫码添加客服人员

扫码获取资源

微信扫码添加客服人员
  • SEO技术实战微信群

    微信扫码添加客服人员
  • 大站流量总监群(审核身份)

    微信扫码添加客服人员
  • Google独立站英文SEO群

    微信扫码添加客服人员
  • SEO团队KPI管理表格

    微信扫码添加客服人员
  • 工业品网站友情链接群

    微信扫码添加客服人员
  • 本地生活服务业友链群

    微信扫码添加客服人员

跟夫唯老师系统学习群站SEO
成为互联网运营推广大咖

掌握SEO技巧、建站前端、群站霸屏、SEM入门、新闻源推广……
Processed in 0.221948 Second , 54 querys.