用touchend写的点击事件 弊端

最新推荐文章于 2023-07-07 18:16:00 发布
最新推荐文章于 2023-07-07 18:16:00 发布
阅读量243 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39598092/article/details/106789345
版权

首页 点击顶部是可以跳转到搜索页面的

搜索页面

页面操作是 我点击首页的经典 跳转到经典的列表页面

当我点击经典列表页面的返回按钮时 问题出现了 会直接跳转到搜索页面 查找了很多的资料 后来我把代码中

touchend换成click就没有这个问题了

touchend和click的区别 可以看 https://blog.csdn.net/lululove19870526/article/details/44345759

所以touchend还是慎用

闲人有点忙
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序（触控事件）
weixin_45626166的博客
11-29 787
事件类型 在编写代码中，使用频率高的事件方式是 事件类型 常见的事件类型 事件绑定 事件绑定的写法同组件的属性，以 key、value 的形式 ①key 以bind或catch开头，然后跟上事件的类型，如bindtap、catchtap等。自基础库版本 1.5.0 起，在非原生组件中，bind和catch后可以紧跟一个冒号，其含义不变，如bind:tap、catch:touchstart ②v...
手机端拖拽事件，获取pageX和pageY坐标方式
web前端开发-linglong
10-10 1万+
手机端拖拽事件： touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。 touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。 touchend事件：当手指从屏幕上离开的时候触发。 touchcancel事件：当系统停止跟踪触摸的时候触发。
触摸事件 touchstart、touchmove、touchend
xqhys的博客
07-29 1599
转载：https://blog.csdn.net/wangmx1993328/article/details/83270166 触摸事件 HTML5 中， PC 端基于鼠标的界面互动主要是单击， 移动端界面交互方式主要是触摸。 移动端浏览器触摸事件 事件名称 描述 是否包含 touches 数组 touchstart 触摸开始，多点触控，后面的手指同样会触发 是 tou...
移动端——页面点击（ touchend -> click）
diaocheng9093的博客
07-04 688
手机端页面好多要注意的，点击事件就是其中一个： 在手机端页面中使用 click，安卓手机能正常实现点击效果，可是苹果手机不能点击；用 touchend 代替 click，苹果手机中能点击，但是可能出现小问题。 所以，在进行移动端页面优化时，一般使用 touch 事件替代鼠标相关事件，用的较多的是使用 touchend 事件替代PC端的 click 和 mouseup 事件。 注：在...
web移动端 touchstar事件,touchmove事件 touchend事件
一个半路出家的人
10-23 1290
web移动端开发中常用的三个事件,现在的智能机都是触屏操作.所以触摸在移动端的开发中几乎无处不在,下面介绍移动开发中常用的几个事件 touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。 touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。 touchend事件：当手指从屏幕上...
vue通过点击事件读取音频文件的方法
08-27
最近做项目遇到这样的一个需求，通过select元素来选择音频文件的名称，点击按钮可以进行试听。接下来通过本文给大家介绍vue项目中通过点击事件读取音频文件的方法,需要的朋友可以参考下
移动端Html5中百度地图的点击事件
12-14
我之前做一个需求时，给地图监听了 touchend 事件，不曾想当我拖动地图时，也执行了 touchend 里的代码。所以需要模拟一个像 zepto 中的 tap 事件，就能解决这个问题了。 我的代码是： function initMap(baseData) ...
HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)
10-22
本文主要介绍HTML5实战与剖析之触摸事件，介绍的比较详细，需要的朋友可以参考下。
HTML5触摸事件(touchstart、touchmove和touchend)的实现
11-20
HTML5中新添加了很多事件，但是由于他们的兼容...因为iOs设备既没有鼠标也没有键盘，所以在为移动Safari浏览器开发交互性网页的时候，PC端的鼠标和键盘事件是不够用的。 在iPhone 3Gs发布的时候，其自带的移动Safari浏
iScroll中事件点击触发两次解决方案
11-26
iScroll呢其实是截获了点击浏览器时的touchstart和touchend事件。在touchend的时候使用js去触发元素的onclick事件(_end这个函数)。而在实际操作中，先执行了touchend，然后再执行了一次onclick的相关函数。这样就...
html 移动互联网终端的javascript touch事件,touchstart, touchend, touchmove
nineteen73的专栏
06-02 736
前言 如果我们允许用户在页面上用类似桌面浏览器鼠标手势的方式来控制WEB APP，这个页面上肯定是有很多可点击区域的，如果用户触摸到了那些可点击区域怎么办呢?? 诸如智能手机和平板电脑一类的移动设备通常会有一个电容式触摸屏（capacitive touch-sensitive screen），以捕捉用户的手指所做的交互。随着移动网络的发展，其能够支持越来越复杂的应用，web开发者需要一种方法来处
HTML5触摸事件(touchstart、touchmove和touchend) （转）
zhangzhiyong666的博客
07-31 2215
　　touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。 　　touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。 　　touchend事件：当手指从屏幕上离开的时候触发。 　　touchcancel事件：当系统停止跟踪触摸的时候触发。关于这个事件的确切出发时间，文档中并没有...
移动互联网终端的touch事件,touchstart, touchend, touchmove
leiyongping的专栏
12-15 594
前言 如果我们允许用户在页面上用类似桌面浏览器鼠标手势的方式来控制WEB APP，这个页面上肯定是有很多可点击区域的，如果用户触摸到了那些可点击区域怎么办呢?? 诸如智能手机和平板电脑一类的移动设备通常会有一个电容式触摸屏（capacitive touch-sensitive screen），以捕捉用户的手指所做的交互。随着移动网络的发展，其能够支持越来越复杂的应用，web开发者需要一种方法...
JavaScript移动端的手指触摸touch事件
最新发布
weixin_48602044的博客
07-07 1854
JavaScript移动端的手指触摸touch事件
html touchend 获取坐标,HTML touchend事件用法及代码示例
weixin_32046225的博客
06-08 310
当用户将手指从元素上移开时，touchend事件用于执行脚本。它仅适用于带触摸屏的设备。用法:object.ontouchend = myScript;以下示例程序旨在说明touchend事件：示例1：用户释放触摸时执行JavaScript。touchend Event in HTMLh1 {color:green;}h2 {font-family:Impact;}body {text-align...
「移动端」touch事件，touchEvent对象
前端人的博客
08-25 1794
随着智能手机普及，有越来越多的手机网页和网页版游戏，手机触摸、移动、旋转等等，多种操作。一般电脑的人机交互靠的是鼠标，而手机用的就是触摸。区别有： PC 端一个电脑只能有一个鼠标，而移动端有多点触摸。 PC 端添加效果使用 mouseup、mousedown、mousemove，而移动端使用的 touchstart、touchmove、touchend 。 一、touch事件类型 touchstart - 手指触摸屏幕，在元素上按下时触发 touchmove - 手指移动，在元素上按下之后屏幕上任意
vue h5页面 解决touchstart，touchmove，touchend，click事件触发产生的问题
maoyuanh的博客
02-15 4005
我的思路是，触发touchstart方法的时候延迟200毫秒如果是就是触摸事件，否则在touchend里面判断就是点击十点，调用点击事件的方法即可。当你的需要即要求可以完成触摸事件，又要求有点击事件的时候，我们要搞清楚一个问题，事件触发的排序问题。
移动端开发touchstart，touchmove，touchend事件详解使用
m0_38109616的博客
03-28 3924
页面使用到了触摸事件"touchstart"，“touchmove”，“touchend”。需求：当你手指接触到屏幕并向左滑动时，被滑动的服务商信息开始向左滑动同时出现"编辑"和"停用"操作按钮。若继续用手指向右滑动，那么就会隐藏"编辑"和"停用"按钮，回到一开始的正常状态。下图展示了向左滑动和向右滑动产生的效果。 从一开始到左滑动完成： 从左滑动完成开始向右滑动知道完成。 触摸事件（touch Events） 　　　　touchstart,touchmove,touchend事件都有13个事件属
触摸事件(touchstart、touchmove和touchend)
热门推荐
weixin_42349568的博客
10-23 1万+
触摸事件(touch)会在用户手指放在屏幕上面的时候、在屏幕上滑动的时候或者是从屏幕上移开的时候出发。下面具体说明： 　　touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。 　　touchmove事件：当手指在屏幕上滑动的时候连续地触发。 　　touchend事件：当手指从屏幕上离开的时候触发。 除了常见的DOM属性，触摸事件还包含下面三个用于跟踪触摸的属性。也就是存在于事件的默认参数event中。 　　touches：表示当前跟踪的触摸操作的touch对象的数组。
触摸事件中touchstar、touchmove、touchend、touchcancel事件应用方法及实例
06-06
在移动端开发中，触摸事件是非常常见的一种事件，而其中最常用的就是touchstart、touchmove、touchend、touchcancel事件。 1. touchstart事件 当手指触摸屏幕时，会触发touchstart事件。touchstart事件触发后，会...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值