AI智能
当前位置:
涂社首页 / 网站资讯 / 技术相关 / 百度智能小程序SWAN 视图事件是什么

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

2023-09-12 22:19   责任编辑: 涂社互联      阅读次数:43143   

事件处理

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

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

Page {
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 {
console.log;// 输出1
}
});
   

touches

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

Touch 对象


属性                       类型                                     描述

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

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


扫二维码与项目经理沟通

我们在微信上24小时期待您的声音

解答:网站建设APP开发小程序开发

涂社互联是色涂君网络旗下专注于网站建设APP开发小程序开发定制解决方案为主的互联网营销落地品牌。以客户需求为导向,客户利益为出发点,结合自身设计及专业建站优势,为客户提供从基础建设到营销推广的一整套解决方案,探索并实现客户商业价值较大化,为所有谋求发展的企业贡献全部力量。

涂社互联公众号
色涂君网络旗下涂社互联官方微信公众号