CocosCreator TOUCH_MOVE事件

  • 注册事件
  • 在onDestroy里注销本事件
onLoad() {
	this.node.on(cc.Node.EventType.TOUCH_MOVE, this._touchMove, this);
}

protected onDestroy(): void {
	this.node.off(cc.Node.EventType.TOUCH_MOVE, this._touchMove, this);
}
  • 绑定的事件,里面可以获取到的一些参数
private _touchMove(e) {
	console.log(e.getPreviousLocation());
}
  • 重点在这里:执行结果,可见右侧console里有非常多的执行结果,而这只是移动一小段所触发的。
    在这里插入图片描述

  • touch move会在触摸移动时不断执行,每移动一点点都会执行一次。

  • 可以利用每次移动得到的各种信息(如位置信息等)来进行一些判断和操作。

  • 换一种尝试:

private _touchMove(e) {
    console.log(e.getDelta().x, e.getDelta().y);
}
  • 运行结果:
    在这里插入图片描述

官方文档及API

触摸事件类型和事件对象

触摸事件在移动平台和桌面平台都会触发,这样做的目的是为了更好得服务开发者在桌面平台调试,只需要监听触摸事件即可同时响应移动平台的触摸事件和桌面端的鼠标事件。系统提供的触摸事件类型如下:

枚举对象定义对应的事件名事件触发的时机
cc.Node.EventType.TOUCH_STARTtouchstart当手指触点落在目标节点区域内时
cc.Node.EventType.TOUCH_MOVEtouchmove当手指在屏幕上移动时
cc.Node.EventType.TOUCH_ENDtouchend当手指在目标节点区域内离开屏幕时
cc.Node.EventType.TOUCH_CANCELtouchcancel当手指在目标节点区域外离开屏幕时

触摸事件(cc.Event.EventTouch)的重要 API 如下(cc.Event 标准事件 API 除外):

API 名类型意义
touchcc.Touch与当前事件关联的触点对象
getIDNumber获取触点的 ID,用于多点触摸的逻辑判断
getLocationObject获取触点位置对象,对象包含 x 和 y 属性
getLocationXNumber获取触点的 X 轴位置
getLocationYNumber获取触点的 Y 轴位置
getPreviousLocationObject获取触点上一次触发事件时的位置对象,对象包含 x 和 y 属性
getStartLocationObject获取触点初始时的位置对象,对象包含 x 和 y 属性
getDeltaObject获取触点距离上一次事件移动的距离对象,对象包含 x 和 y 属性

需要注意的是,触摸事件支持多点触摸,每个触点都会发送一次事件给事件监听器。

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值