为什么JavaScript中移动端使用ontouchend无法获取touches数组

最新推荐文章于 2025-06-06 23:18:07 发布
转载 最新推荐文章于 2025-06-06 23:18:07 发布 · 429 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/liuxinheng/p/10107863.html
文章标签：

#javascript #ViewUI

本文主要介绍了ontouchend事件的使用方法，通过e.changedTouches[0]获取触屏结束时的相关信息，为开发者提供了触屏设备上处理触摸事件的实用技巧。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

ontouchend 用e.changedTouches[0]来获取

转载于:https://www.cnblogs.com/liuxinheng/p/10107863.html

Three.js引擎开发：Three.js输入与交互系统_（12）.Three.js事件处理机制
chenlz2007的博客
06-12 908
在虚拟现实游戏中，事件处理机制是实现用户与游戏世界交互的关键部分。Three.js 提供了多种方式来处理用户输入和场景中的事件，使得开发者可以轻松地创建交互式3D应用。本节将详细介绍Three.js中的事件处理机制，包括如何处理鼠标事件、键盘事件、触摸事件以及如何使用Raycaster实现更复杂的交互。鼠标事件是最常见的用户输入方式之一。在Three.js中，可以通过监听HTML元素的事件来处理鼠标操作。以下是一些常见的鼠标事件及其处理方法：首先，我们需要在HTML元素上监听鼠标事件。通常，我们会监听元素，
使用微信小程序开发制作一个简单的微信小游戏
m0_75244442的博客
07-12 435
在这个游戏中，玩家可以通过触摸屏幕来控制小球的移动，每次触摸结束后，小球会向触摸的方向移动一段距离，同时得分也会增加。在预览界面中，你可以通过触摸屏幕来控制小球的移动。当你完成了游戏的开发和测试后，你可以点击微信开发者工具中的上传按钮，将游戏发布到微信小程序平台。在项目目录中，创建一个game文件夹，在其中创建一个game.js和game.wxml文件。在发布界面中，填写游戏的相关信息，点击上传按钮即可将游戏发布到微信小程序平台。在项目目录中，找到app.json文件，在pages数组中添加一个新的页面。
JS 移动端mousemove失效
Damien_J_Scott的博客
07-29 2466
移动端mousemove失效
touch 事件用法（只能使用二级dom绑定，例如（addEventlinstener绑定），使用ontouch...是不管用的
ITzhongzi的博客
06-30 1791
touch 事件  只会 在手机端  有用，常用语手机端。 具体用法如下所示： html> html lang="en"> head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,
js 移动端触摸事件
sleepy_girl的博客
08-09 381
手机触摸事件 手指开始触摸事件 ontouchstart 手指移动触点事件 ontouchmove 手指离开屏幕事件 ontouchend 手指触点被取消时事件 ontouchcancel， 比如来电显示会中断我们对于屏幕的控制 var box = document.querySelect('.box'); box.ontouchstart = function (e) { /...
cocos creator的touch_end事件监听不生效，有可能是什么原因？
weixin_35756637的博客
01-23 880
Cocos Creator 的 touch_end 事件监听不生效可能是因为节点没有设置为可点击状态，或者是脚本没有绑定到该节点上。另外，事件监听器的名称必须为 "touch_end"，大小写敏感。建议检查节点设置、脚本绑定、事件监听器名称等问题。 ...
JS 移动端篇
い南秋乱港
08-06 852
JS 移动端 事件源对象: 真正触发该事件的源头对象, 最终指向的是html元素。事件是会传播的 —> 事件代理, 利用事件冒泡的特点。 box.onclick = function(e){ // 获取事件源对象 事件对象.target var even = e || event; console.log(even.target, this); } 移动端优先级较高的事件： 来电, 闹铃, 事件提醒 移动端常用事件 ontouchstart 开始触摸
html5 像素风画板,使用Canvas和JavaScript做一个画板
weixin_42106357的博客
06-04 842
前些天学习了HTML5的元素，今天就来实践一下，用canvas做一个画板。首先说一下要实现的功能：切换画笔颜色调整笔刷粗细清空画布橡皮擦擦除撤销操作保存成图片兼容移动端(支持触摸)准备工作首先，准备个容器,也就是画板了。然后初始化js：let canvas = document.getElementById("drawing-board");let ctx = canvas.getContext(...
Three.js引擎开发：Three.js控制器开发_（12）.Three.js控制器的事件处理
chenlz2007的博客
06-06 875
在Three.js中，事件处理是实现用户交互的关键部分。通过处理事件，我们可以在用户与场景进行互动时做出响应，从而增强游戏的沉浸感和可玩性。本节将详细介绍如何在Three.js中处理各种事件，包括鼠标事件、键盘事件和触摸事件，并提供具体的代码示例。Three.js中处理鼠标事件通常涉及以下几个步骤：设置事件监听器。计算鼠标在视口中的位置。将鼠标位置转换为三维空间中的坐标。检测鼠标是否点击了场景中的对象。首先，我们需要在HTML文档中设置一个元素，并在Three.js场景中设置一个。然后，我们可以使用Java
React通过原生鼠标事件实现拖拽(drag and drop)列表重排序
莫小猪的菜鸟进阶路
06-25 3205
虽然现在html5已经有支持拖拽的事件，但是支持还不那么全面。所以目前大部分的拖拽还是通过原生的鼠标事件来实现列表重新排序。话不多说。一步步开始做吧 盆友们可以通过下面链接查看所有代码和效果。 https://codesandbox.io/s/drap-and-drop-to-reorder-list-iqwqj Step1.准备一个模拟数据 let list = []; for(let i = 0; i< 10; i++){ list.push(`item ${i}`); } Step2
解决部分安卓touchend不触发问题
点点的博客
02-27 9277
问题描述： js的触屏事件，主要有三个事件：touchstart，touchmove，touchend。 这三个事件最重要的属性是 pageX和 pageY，表示X坐标，Y坐标。 touchstart=在触摸开始时触发事件 touchend=在触摸结束时触发事件 touchmove=这个事件比较奇怪，按道理在触摸到过程中不断激发这个事件才对，但是在我的 Android 中，在 touchstart...
JavaScript touch 事件 touchstart touchmove touchend
学习笔记
12-02 1156
JavaScript touch 事件 touchstart touchmove touchend MDN 官方文档： https://developer.mozilla.org/en-US/docs/Web/API/Touch_events 一、touch 事件有哪些 页面中的 touch 事件一般在移动端使用，pc 端是没有效果的。 touch 相关的事件有四个 touchstart 触摸开始 touchmove 触摸移动中 touchend 触摸结束 touchcancel 触摸取消 二、如何
【JS教程】移动端 Touch（触摸）事件
我的博客
07-29 8505
最基本的touch事件包括4个事件： 1. touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。 2. touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。 3. touchend事件：当手指从屏幕上离开的时候触发。 4. touchcancel事件：当一些更高级别的事件发生的时候（如电话接入或者弹出信息）会取消当前的touch操作，即触发touchcancel。...
Openlaye：学习笔记之事件
KaiSarH
11-21 539
首先来看一个案例:当我们点击地图的时候,会弹出一个提示框, <!Doctype html> <html lang="ch" > <head> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> <meta http-equiv=X-UA-Compati...
JS之移动端触屏事件
m0_74577714的博客
12-25 600
在我们PC端中有许多的事件，那我们在移动端有没有事件呢？让我为大家介绍一下移动端常用的事件，触屏事件常见的触屏事件。
JS实现长按事件功能
热门推荐
qq_44849271的博客
04-17 1万+
长按点击功能主要用到的是onmousedown、onmouseup、setTimeout()、clearTimeout()事件 移动端中则是ontouchstart、ontouchend
移动端touchend事件不触发解决方案
Jartto's Blog
06-25 3072
移动端touchend事件不触发，需要在touchstart中加入：1e.preventDefault(); 但是问题来了，阻止默认事件后，页面原先的滚动条也无法滚动了。 查阅了资料，在stackoverflow上得到如下解释： To workaround this bug you have to call preventDefault() on either the...
js一些简单的事件
Ant_tiny的博客
09-27 237
onClick 单击事件 onMouseOver 鼠标经过事件 onMouseOut 鼠标移出事件 onChange 文本内容改变事件 onSelect 文本框选中事件 onFocus 光标聚集事件 onBlur 移开光标事件 onLoad 网页加载事件 onUnload 关闭网页事件
手机事件touch
a_alin的博客
07-08 995
手机事件touch    1,简介        手机页面响应click比较慢，因为点击事件click触发后，手机会等待300毫秒，检测是或否有第二次点击，如果有属于双击，没有则为单击，但是大部分的浏览器的双击是放大视口，弹出辅助框等功能，所以手机页面展示一般不用click,而是使用touch        touch分为三个事件：            touchstart:触摸开始，这个事件在...
第一次手指放上去打印了监听滑动的方法，没有执行
最新发布
06-14
3.注意：小程序的事件对象中，touches数组包含当前触摸点的信息，我们可以通过它来获取位置。针对“第一次触摸无效”的问题，可能是由于在touchstart事件中未初始化状态，或者touchmove事件中条件判断导致未执行。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值