首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

触摸事件-我能得到触摸/手指的大小吗?

触摸事件是指通过触摸屏幕或触摸设备与计算机进行交互的操作。在触摸事件中,可以获取到触摸/手指的位置信息,但无法直接获取触摸/手指的大小。

触摸事件主要包括以下几个常用的类型:

  1. 触摸开始(touchstart):当手指触摸屏幕时触发,可以获取到触摸点的位置信息。
  2. 触摸移动(touchmove):当手指在屏幕上滑动时触发,可以获取到触摸点的实时位置信息。
  3. 触摸结束(touchend):当手指离开屏幕时触发,可以获取到最后触摸点的位置信息。
  4. 触摸取消(touchcancel):当触摸事件被取消时触发,例如在触摸过程中突然有一个电话进来。

在开发中,可以通过监听这些触摸事件,获取到触摸点的位置信息,并进行相应的交互处理。然而,并没有直接的方式可以获取触摸/手指的大小。

需要注意的是,具体的触摸事件处理方式和API可能因不同的开发语言和平台而有所差异。以下是一些腾讯云的相关产品和介绍链接,供参考:

  1. 腾讯云移动应用分析(MTA):提供全方位的移动应用统计分析服务,可帮助开发者深入了解用户触摸行为,包括触摸位置、滑动方向等。了解更多:腾讯云移动应用分析(MTA)
  2. 腾讯云移动直播(LVB):提供高质量、低延迟的移动直播服务,可在触摸事件中实现实时互动交流。了解更多:腾讯云移动直播(LVB)
  3. 腾讯云云服务器(CVM):提供稳定可靠的云服务器实例,可用于部署和运行各类应用。了解更多:腾讯云云服务器(CVM)
  4. 腾讯云物联网平台(IoT Explorer):提供完整的物联网解决方案,可用于连接和管理物联网设备。了解更多:腾讯云物联网平台(IoT Explorer)

总结:在触摸事件中,可以获取到触摸/手指的位置信息,但无法直接获取触摸/手指的大小。通过腾讯云的相关产品和服务,可以实现更多与触摸事件相关的功能和应用。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

第127天:移动端-获取触摸点的位置

一、移动端轮播图滑动 1、先获取手指在轮播图元素上的滑动方向(左右) (1)手指触摸开始时记录手指所在的坐标X (2)获取界面上的轮播图容器 var $carousels=$('.carousel')...; (3)注册滑动事件 (4)变量重复赋值 (5)结束触摸的一瞬间记录最后手指所在坐标X (6)比较开始和结束的坐标大小 (7)控制精度 获取每次手指滑动的距离,当距离大于一定值时,就认为有方向变化...next':'prev'); javascript代码 1 //移动端轮播图滑动 2 3 //1、先获取手指在轮播图元素上的滑动方向(左右) 4 //手指触摸开始时记录手指所在的坐标...next':'prev'); 40 41 42 43 } 二、移动端获取触摸点的方式说明 1.touchstart事件        手指头触摸屏幕上的事件 2.touchmove...       手指头在屏幕上滑动触发的事件 3.touchend         当手指从屏幕上离开的时候触发 利用jquery配合使用方法如下: $("#demoid").bind('touchstart

1.5K20

屏幕边缘上有趣的 1 个像素,看不见、摸不到

我写了一个最大化全屏的程序专门用来测试鼠标和触摸输入的数值是多少。...▲ 在触摸输入的情况下,最右侧是 1920(我的屏幕是 2560×1080,所以最右侧是 2560) 测量的时候,是让手指近乎在屏幕外触摸,不断触摸到能够在屏幕上看到的最小或最大值为止。...明明只有 1920×1080 的屏幕分辨率,窗口明明只有 1920×1080 那么大,鼠标下收到正常范围内的输入坐标,而触摸下我们能收到超出我们窗口大小 1 像素的触摸事件!...问题并没有完—— 如果说,触摸给了你超出窗口大小的坐标,那么你能如何使用这个坐标呢?虽然程序里收到什么坐标都无所谓(至少不崩),但如果你真拿它来渲染,就会在屏幕之外。...于是,你可能遇到的问题是: 如果你在屏幕的左侧边缘触摸,你的程序可以一直收到触摸事件,你能够得到正确的响应; 如果你在屏幕的右侧边缘触摸,你将仅能偶尔收到零星的刚好超出窗口大小的触摸坐标,大多数时候收不到触摸事件

19520
  • 你无法检测到触摸屏

    如果浏览器支持一些事件诸如 touchstart(或者其他在 Touch Events 事件接口标准的事件),这一定就是一个触屏设备,对吗?...我将详细列出你想要监测屏幕的几个可能原因,并指出其中的错误。 手指友好的布局 ¶ 胖手指比鼠标更不准确,所以听起来我们适应触摸屏布局是有道理的:较大的控件,控件之间更多的空隙,等等。...但触摸屏是唯一的具有较差的指点精度的输入设备吗? 那智能电视的手势遥控器、Wii游戏机的遥控手柄,或者类似 Leap Motion 的手指跟踪技术又怎么样呢?...事件和交互 ¶ 所以你想要为你的幻灯效果和地图窗口部件设置滑动手势吗?这很酷。但是不要认为这意味着你不需要支持鼠标和键盘交互。...关于事件和交互,假设任何人可能有触摸屏。同等的实现键盘,鼠标和触摸交互,确保没有阻止彼此。 或者,就像我在我的关于媒体查询的文章里建议的一样,你可以只询问浏览器。

    1.9K20

    【如果你要学JS XIV】—— 移动端常用事件-移动端touch触摸事件

    1.触摸事件触屏touch事件说明touchstart手指触摸到一个DOM元素时触发touchmove手指在一个DOM元素上滑动时触发touchend手指从一个DOM元素上移开时触发...('我继续摸'); }) // 手指触摸离开DOM事件 div.addEventListener('touchend', function () {...console.log('我摸够了'); }) 2.触屏事件TouchEvent是一类描述手指在触摸平面 (触摸屏、触摸板等)的状态变化的事件。...因为平时我们都是给元素注册触摸事件,所以常用targetTocuhes3.TouchEvent触摸事件对象touches 正在触摸屏幕的所有于指的列衣,targetTouches 正在触摸当前DOM元素的手指列表如果侦听的是一个...; div.addEventListener('touchstart', function (e) { // 得到初始的手指坐标 startX

    55000

    WPF 模拟触摸设备

    _activeDevices 这个静态字段里面,如果刚好这时的静态字段只有一个元素,那么就设置当前的触摸设备是主触摸设备 设置触摸设备是主触摸设备是因为在触摸的时候如果用户是多个手指触摸,一个手指对应一个触摸设备...方法在当前点到的元素触摸触摸按下的路由事件,可以看到此时的路由事件是不需要再获取当前的触摸点,因为只是在点到的元素触摸事件,如果这个元素需要知道当前的触摸点,只需要在方法使用参数的 e.GetTouchPoint...因为获取触摸点方法是可以重写的,所以第一次获取的用于命中测试的触摸点可以和元素收到触摸事件获取的触摸点返回不同的点 只需要拿到了对应的元素就可以在元素触发事件,从触摸到事件请看WPF 触摸到事件 调用...(); 通过这个方法模拟触摸可以走原有的 WPF 触摸命中测试,也能走路由事件 关于 WPF 的触摸到事件请看 WPF 触摸到事件 本文用到的代码放在 github 更多触摸请看 WPF 触摸相关...如果你想持续阅读我的最新博客,请点击 RSS 订阅,推荐使用RSS Stalker订阅博客,或者前往 CSDN 关注我的主页 本作品采用 知识共享署名-非商业性使用-相同方式共享

    72460

    10-移动端开发教程-移动端事件

    2.2 touchstart事件 ​ 当用户手指触摸到的触摸屏的时候触发。事件对象的 target 就是touch 发生位置的那个元素。 点击我!...当用户在触摸屏上移动触点(手指)的时候,触发这个事件。...touchcancel 事件,则应该把游戏当前状态相关的一些数据保存起来。 3. 触摸事件对象 TouchEvent 是一类描述手指在触摸平面(触摸屏、触摸板等)的状态变化的事件。...这类事件用于描述一个或多个触点,使开发者可以检测触点的移动,触点的增加和减少,等等。 每 个 Touch 对象代表一个触点; 每个触点都由其位置,大小,形状,压力大小,和目标 element 描述。 ...5.1 tap类事件 触碰事件,我目前还不知道它和touch的区别,一般用于代替click事件,有tap longTap singleTap doubleTap四种之分。

    6.4K70

    10-移动端开发教程-移动端事件

    2.2 touchstart事件 ​ 当用户手指触摸到的触摸屏的时候触发。事件对象的 target 就是touch 发生位置的那个元素。 点击我!...当用户在触摸屏上移动触点(手指)的时候,触发这个事件。...touchcancel 事件,则应该把游戏当前状态相关的一些数据保存起来。 3. 触摸事件对象 TouchEvent 是一类描述手指在触摸平面(触摸屏、触摸板等)的状态变化的事件。...这类事件用于描述一个或多个触点,使开发者可以检测触点的移动,触点的增加和减少,等等。 每 个 Touch 对象代表一个触点; 每个触点都由其位置,大小,形状,压力大小,和目标 element 描述。...5.1 tap类事件 触碰事件,我目前还不知道它和touch的区别,一般用于代替click事件,有tap longTap singleTap doubleTap四种之分。

    6.8K80

    Android 中 View 的手势事件处理

    * 设定的这个时间间隔里面得到的触摸移动距离 * 这里设定为 1 毫秒,即为上个 1 毫秒的间隔内 X 、 Y 方向上手指移动的距离...方法对于当前的触摸事件(在这一次触摸事件手指松开之前)已经失效了 */ return true; } } 这个自定义控件只能在代码中新建,不能再布局文件中使用,...,会调用这个方法,这里值得注意的是: * 并不是调用了 onScroll 之后就一定会调用这个方法,这个方法对滑动的速率大小有要求, * 即滑动的速率达到一定大小的时候才会调用这个方法...,方法参数分别代表: * 触摸开始点的事件信息,触摸结束(手指松开)的时候储存的事件信息, * 整个滑动过程 x 方向上滑动的平均速度,整个滑动过程 y 方向上滑动的平均速度...,会调用这个方法,参数分别是: * 触摸开始点的事件信息,触摸结束(手指松开)的时候储存的事件信息, * 整个滑动过程 x 方向上滑动的平均速度,整个滑动过程 y 方向上滑动的平均速度

    1.5K20

    JS中的touch事件与canvas绘图

    Touch事件分类 touchstart:当手指触摸屏幕时触发。...不管有多少个手指放在了屏幕上,只要再触摸一下屏幕就会触发 touchmove:当手指在屏幕上滑动的时候触发该是事件,在这期间可以通过event.preventDefault()来阻止滚动 touchend...changeTouches:表示从上一次触摸以来,发生了改变的touch对象的数组。 通过一个例子来区分一下触摸事件中的这三个属性: 用一个手指接触屏幕,触发事件,此时这三个属性有相同的值。...Touch.force 手指挤压触摸平面的压力大小, 从0.0(没有压力)到1.0(最大压力)的浮点数....此值也可以解释为像素大小的比率:一个 CSS 像素的大小与一个物理像素的大小的比值。简单地说,这告诉浏览器应该使用多少个屏幕的实际像素来绘制单个 CSS 像素。

    7.6K41

    Android自定义系列——14.MotionEvent

    MotionEvent在android的触摸事件中起到了很重要的作用,本文主要介绍MotionEvent,简要介绍触摸事件,主要包括 单点触控、多点触控、鼠标事件 以及 getAction() 和 getActionMasked...getX() 获得触摸点在当前 View 的 X 轴坐标。 getY() 获得触摸点在当前 View 的 Y 轴坐标。 getRawX() 获得触摸点在整个屏幕的 X 轴坐标。...ACTION_OUTSIDE 如果初始点击位置在该视图区域之外,该视图根本不可能会收到事件,然而,万事万物都不是绝对的,肯定还有一些特殊情况,你可曾还记得点击 Dialog 区域外关闭吗?...() 获取第一个手指的压力大小 getPressure (int pin) 获取第pin个手指的压力大小 getHistoricalPressure (int pos) 获取历史数据中第1个手指在第pos...次事件中的压力大小 getHistoricalPressure (int pin, int pos) 获取历史数据中第pin个手指在第pos次事件中的压力大小 pin 全称是 pointerIndex

    2K10

    移动端触屏事件

    比如触屏事件 touch(也称触摸事件),Android和 IOS 都有。 touch 对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。...触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作。 常见的触屏事件如下: ? 2....触摸事件对象(TouchEvent) TouchEvent 是一类描述手指在触摸平面(触摸屏、触摸板等)的状态变化的事件。...正在触摸当前DOM元素的手指列表        console.1og(e.targetTouches[0]); //targetTouches[0]就可以得到正在触摸dom元素的第一个手指的相关信息比如手指的坐标等等...然后用盒子原来的位置 + 手指移动的距离 手指移动的距离:  手指滑动中的位置 减去  手指刚开始触摸的位置 拖动元素三步曲: (1) 触摸元素 touchstart: 获取手指初始坐标,同时获得盒子原来的位置

    2.9K30

    今日小物件推荐

    Z轴坐标,也就是能感知用户触摸压力大小值其原理是由接收信号衰减处的衰减量计算得到三轴一旦确定,控制器就把它们传给主机 。...苹果公司产品中的触摸屏 2、电容触屏:来自带电的手指表层最细微的接触也能激活屏幕下方的电容感应系统。非生命物体、指甲、手套无效。手写识别较为困难。...TOUCH LENS是现在在市场上得到了具体应用的比较前端的一种触摸屏,中文俗称有“镜面式触摸屏”、“纯屏触摸屏”等说法,在早两年就已经推向市场,经过一年的市场酝酿,现在已经得到了各个厂家和设计公司的广泛认可和应用...大家知道触摸屏的工作原理是什么吗?它是怎么知道我们手指的位置的? 为什么手机贴了膜一样可以使用,而带着手套就不能正常使用了呢?目前,市面上使用的触摸屏多数是电容式触摸屏。...当手指接触屏幕上某个部位时,就会与ITO材料构成耦合电容,改变触点处的电容大小。屏幕的四个角会有导线,由于交流电可以通过电容器,四个导线的电流会奔向触点,并且电流大小与到触点的距离有关。

    97220

    JavaScript之移动端网页特效(1)

    touch对象代表一个触摸点,触摸点可能是一根手指,也可能是一根触摸笔.触屏事件可相应用户手指(或触控笔),对屏幕或者触控板操作 常见的触屏事件如下: 试着写一下,切换成模拟手机调试 再来试试触摸滑动事件...再来试试最后一个: 表演一个摸完就走: 只要我的手指离开,就是touchend 触摸事件对象(TouchEvent) TouchEvent是一类描述手指在触摸平面(触摸屏,触摸板...)的状态变化的事件.这类事件用于描述一个或多个触点,使开发者可以检测触点的移动,触点的增加和减少,比如多少个手指在点击....我们先来看看触摸事件的对象吧: 可以看到有很多很多的属性: 但是我们现阶段只要了解三个就好了: 我来测试一下第一个: 很可惜我们谷歌浏览器只能模拟一只手指头触摸,length就代表有几根手指在屏幕上触摸...,手机也能拖动元素,我们现在要学习一下: 但是我们还要注意,触摸滑动是有默认的屏幕滚动的,就是说本来我只想拖动盒子,但是 整个页面都滚动起来了.

    2.6K20

    手势魅力-设置一个触摸菜单

    触摸事件 我将使用JavaScript事件来检测我的移动触摸手势。...在这种情况下在那里是: touchstart:当你触摸DOM元素时触发 touchmove:当你沿着DOM元素拖动手指时触发 touchend:当你从DOM元素中移除手指时触发 在这些事件中,我将使用触摸属性...你想在菜单后面加一个遮罩,当你打开它时会变得越来越暗吗? 在我的情况下,我只希望手势的方向是水平的,因为我希望滚动功能正常。我有限制,并且我希望它回到开始或结束。...这取决于用户拖动了多少以及手指在屏幕上的速度 你不知道你想知道的关于 - 是超级重要的部分 我知道你想要了解移动触摸手势的有趣部分,但是我必须先介绍这一点,因为它会影响到你的代码。...为了可读性,在函数中没有太多的代码行,我把它们全部分成了小的一行 这个手机触摸手势最后有趣的一部分 现在我对触摸事件,变量和函数的解释已经不存在了,现在是我关注如何创建动画的时候了。

    1.9K40

    「移动端」touch事件,touchEvent对象

    但是 mousemove 只要鼠标在绑定元素上,不按下也能执行。...event 对象,提供了手指触摸过程中的常见属性。...touches - 当前屏幕上的手指触摸 touch 列表。 changedTouches - 触发当前事件的触摸 touch 列表。...多点触发:多个手指同时触摸屏幕,进行旋转、缩放、放大、拖拽等操作。 很多情况下,触摸事件跟鼠标事件会同时触发,目的是为了在pc端运行的时候,没有触摸设备可以使用鼠标代替。...如果可以支持触摸事件,则把鼠标事件使用event.preventDefault()阻止事件发生,此时鼠标事件将失效。如果鼠标和触摸事件都支持时,还有添加多个触摸事件时,具体的执行顺序是怎么的?

    1.2K30

    iOS-UITouch事件处理详解1. iOS中的事件基本介绍2.UITouch3.UIEvent4. 事件的产生和传递5. 通过UITouch方法监听View的触摸事件的缺点

    UITouch的创建 当用户用一根手指触摸屏幕时,会创建一个与手指相关联的UITouch对象,一根手指对应一个UITouch对象。 2....UITouch的作用 UITouch保存着跟手指相关的信息,比如触摸的位置、时间、阶段等。 当手指移动时,系统会更新同一个UITouch对象,使之能够一直保存该手指在的触摸位置。...两个参数 一次完整的触摸过程中,只会产生一个事件对象,4个触摸方法都是同一个event参数 如果两根手指同时触摸一个view,那么view只会调用一次touchesBegan:withEvent...则其将事件或消息传递给UIApplication对象 如果UIApplication也不能处理该事件或消息,则将其丢弃 注: 响应者链条:由多个响应者对象连接起来的链条,能很清楚的看见每个响应者之间的联系...响应者对象:能处理事件的对象 ? 响应者链条示意图 5.

    1.7K60

    「移动端」touch事件,touchEvent对象

    但是 mousemove 只要鼠标在绑定元素上,不按下也能执行。...event 对象,提供了手指触摸过程中的常见属性。...touches - 当前屏幕上的手指触摸 touch 列表。 changedTouches - 触发当前事件的触摸 touch 列表。...多点触发:多个手指同时触摸屏幕,进行旋转、缩放、放大、拖拽等操作。 很多情况下,触摸事件跟鼠标事件会同时触发,目的是为了在pc端运行的时候,没有触摸设备可以使用鼠标代替。...如果可以支持触摸事件,则把鼠标事件使用event.preventDefault()阻止事件发生,此时鼠标事件将失效。如果鼠标和触摸事件都支持时,还有添加多个触摸事件时,具体的执行顺序是怎么的?

    2.7K20

    史上最详细的iOS之事件的传递和响应机制-原理篇

    我们只能通过子类继承父类,重写子类方法的方式处理UIView的触摸事件(注意:我说的是UIView触摸事件而不是说的 UIViewController的触摸事件)。...*)event{ NSLog(@"摸我干啥!")...UITouch对象 2.1.1.1.UITouch的作用 保存着跟手指相关的信息,比如触摸的位置、时间、阶段 当手指移动时,系统会更新同一个UITouch对象,使之能够一直保存该手指在的触摸位置 当手指离开屏幕时...如果能,那么在判断触摸点在不在窗口自己身上    2.如果触摸点也在窗口身上,那么窗口会从后往前遍历自己的子控件(遍历自己的子控件只是为了寻找出来最合适的view)    3.遍历到每一个子控件后,...响应者对象:能处理事件的对象,也就是继承自UIResponder的对象 作用:能很清楚的看见每个响应者之间的联系,并且可以让一个事件多个对象处理。

    11.4K70

    自定义无限循环ViewPager(二)――ViewPager滑动原理解析

    ViewPager存在两种移动方式: 在MOVE触摸事件中,页面随手指的拖动而移动。 在UP事件后,页面滑动到指定页面(通过Scroller实现的)。...viewpager需要滚动的距离,其次得到边界条件leftBound和rightBound,根据边界条件的约束得到真正的滚动距离,最后调用scrollTo()方法滚动到最终的位置。...其中, position表示当前显示页面的位置 offset当前页面位置的偏移 offsetPixels当前页面偏移的像素大小。...简单总结下,就是在onInterceptTouchEvent()方法中根据不同情况对mIsBeingDragged进行赋值,对触摸事件是否进行拦截;如果在MOVE事件中是可滑动的,就调用performDrag...如果大家觉得本篇文章对各位有些帮助,希望能点个喜欢,谢谢!

    2.4K10

    「移动端」touch事件,touchEvent对象

    但是 mousemove 只要鼠标在绑定元素上,不按下也能执行。...event 对象,提供了手指触摸过程中的常见属性。...touches - 当前屏幕上的手指触摸 touch 列表。 changedTouches - 触发当前事件的触摸 touch 列表。...多点触发:多个手指同时触摸屏幕,进行旋转、缩放、放大、拖拽等操作。 很多情况下,触摸事件跟鼠标事件会同时触发,目的是为了在pc端运行的时候,没有触摸设备可以使用鼠标代替。...如果可以支持触摸事件,则把鼠标事件使用event.preventDefault()阻止事件发生,此时鼠标事件将失效。如果鼠标和触摸事件都支持时,还有添加多个触摸事件时,具体的执行顺序是怎么的?

    1K30
    领券