建站百科Website News

当前位置:首页 »百度智能小程序SWAN 视图事件介绍

百度智能小程序SWAN 视图事件介绍

来源:互联网整理 日期:2019-09-19 13:00:01 访问量:
摘要:事件处理开发者可以使用bind: + 事件名来进行事件绑定<view class=view-more bind:tap=loadMore>点击加载更多</view>Page({loadMore: function () {console.log(加载更多被点击);}});目前支持的事件类型有:类型 触发条件touchstart 手指触摸开始 touchmove 手指触摸后进行移动 touchend

事件处理


开发者可以使用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



扫描左侧二维码
关注猎凡微信公众号

上海猎凡网络科技有限公司  Copyright 2016-2019  www.seobr.com  All rights reserved.

Email:245858536@qq.com    邮政编码:710016    沪ICP备16023398号-8

联系地址:上海市嘉定区沪宜公路5358号1层J427室    客服热线:15900558865

上海网站建设、自助建站制作公司-猎凡科技,已为众多企业提供网站建设网站制作响应式自助建站手机网站建设虚拟主机云主机服务器租用等建站解决方案。