`

Android 4.x 浏览器不触发 ontouchend 的bug解决

 
阅读更多

之前在做一个侧滑效果的时候,发现在android4+的机型上touchend事件没有被触发(移动浏览器上的bug)

怎么破?在 touchmove 事件中 e.preventDetault() 居然就可以。

 

但是简单调用 e.preventDetault() 会导致另外一个问题,就是阻止了屏幕上下滚动的 scorll 事件。

 

这又怎么破?

最后,我在一位兄台的博客里找到思路《手机浏览器常用手势动作监听封装》,具体思路就是“兼容的解决办法是在 touchmove 时判断手势趋势大于预设值时(大于预设值证明有 move的动作趋势),停止默认的操作e.preventDefault()”。于是我的代码就是这样。

/** 
 * touchend事件丢失 
 */  
function fixTouchEndNotFire(e, a1, a2, a3, disX){  
    if(window.navigator.isAndroid_4){  
        if ( disX > 7 ) {  
            e.preventDefault();  
        }  
    }     
}  

 

加入到 touchmove 事件中。

 

分享到:
评论

相关推荐

    android.hardware.camera2自定义相机

    这个API在Android 5.0(API级别21)引入,替代了早期的`Camera`类,以解决其性能和功能上的限制。下面我们将深入探讨`android.hardware.camera2`的相关知识点。 **1. 相机设备** 在`camera2`框架中,相机设备被表示...

    android实战 打开浏览器(android studio源程序工程)

    在Android开发中,"打开浏览器"是一个常见的功能需求,它涉及到Android系统中Intent的使用以及浏览器组件的调用。这个实战项目"android实战 打开浏览器"是为Android初学者设计的,通过Android Studio进行实践操作,...

    解决echarts-v4.x版本tree图相关问题的具体代码

    解决以下问题的具体代码: 1. 正交向图:无法自动撑开容器,当节点很多时会无限的压缩节点间的空隙,导致图表很难看; 2. 开启roam选项后,拖动图表,之后再点击...(这个就很难受的bug,目前只是间接的重绘图表解决)

    jQuery ajaxFileUpload.js 插件 ie9 下bug 修复

    总的来说,`jQuery ajaxFileUpload.js 插件 ie9 下bug 修复`这个主题涵盖了前端开发中的重要知识点,包括浏览器兼容性、异步文件上传、Ajax交互和事件处理等。理解和解决这些问题对于提升老旧浏览器下的用户体验至关...

    浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法

    浏览器窗口大小变化时使用resize事件对框架不起作用的解决办法,如下: 代码如下:$(window).resize(function(){var surH = $(window).height();$(“.pic_conent”).height(surH);} 当浏览器变化,拉大拉小时,没有...

    Android应用源码之浏览器的源码 可以下载修改跳转指定的网址.zip

    在Android平台上,开发一款自定义浏览器是一个常见的任务,这涉及到对Android系统API的理解以及网络请求的处理。这个压缩包提供了一份Android应用的源码,它是一个基础的浏览器应用,允许用户浏览网页,并且可以被...

    Android自定义文件浏览器简单demo项目

    在Android开发中,创建一个自定义的文件浏览器是常见的需求,尤其在开发涉及用户选择文件或目录的应用时。本项目“Android自定义文件浏览器简单demo”提供了一个基础框架,可以帮助开发者快速实现这一功能。下面将...

    Android应用源码-浏览器.rar

    在Android平台上,开发一款浏览器应用是一项复杂而富有挑战性的任务,涉及到多个技术栈的整合与优化。本项目名为“Android应用源码-浏览器”,提供了一个基础的浏览器框架,实现了核心的功能,如页面刷新、前进、...

    Android 仿ES界面文件浏览器源码.rar

    在Android开发中,创建一个类似ES文件浏览器的界面是一项常见的任务,这涉及到文件管理、目录浏览、文件操作等功能。此源码提供了一个实现这一功能的示例,让我们深入探讨一下这个"Android 仿ES界面文件浏览器源码...

    关闭浏览器触发 sesstion__end 来统计减少了客户端访问人

    有很多网友提到 ,sesstion 到时间会触发 sesstion__end 来统计减少了客户端访问人,对于这样的问题网络上都含糊不清,这里告诉大家一个方法 1 在 config 页面中写入代码 2 建立一个关闭浏览器页面...

    浏览器不兼容问题解决方案[归类].pdf

    解决方法是在受影响的元素上使用`zoom:1`,以触发IE6的“hasLayout”特性。 8. **注释引起的Bug**: 特殊的注释格式可能导致IE6显示重复内容。应使用条件注释,如`<!– [if !IE]> picRotate start <![endif]– >`...

    android浏览器插件样例

    在Android平台上,开发浏览器插件是一项技术性强且充满挑战的任务,因为这涉及到对系统底层的深入理解和对Webview组件的熟练运用。`BrowserPluginSample`是一个绝佳的学习资源,它为开发者提供了一个完整的示例,...

    Android Studio初学者相册图片浏览器教程Java代码

    在Android开发中,Android Studio是官方推荐的集成开发环境(IDE),它为开发者提供了丰富的工具和功能,使得创建安卓应用程序变得更加高效。本教程主要针对初学者,旨在通过创建一个简单的相册图片浏览器应用,帮助...

    Android卸载或删除应用,调用浏览器打开指定网页地址url

    在Android中,当用户卸载应用时,系统会触发一系列生命周期方法,但不包括自定义的代码。因为默认情况下,卸载过程中不会执行任何应用代码。然而,有一种间接的方式可以实现这个需求,即通过设置广播接收器。 1. **...

    ErrorBoard, 跟踪和修复浏览器触发的JavaScript错误 访客.zip

    ErrorBoard, 跟踪和修复浏览器触发的JavaScript错误 访客 ErrorBoard跟踪并修复访问者浏览器触发的JavaScript错误。屏幕截图 先决条件Node.js 和 NPM免费端口安装$ git clone git://github.com/Lapp

    Qt5.13.1串口Bug问题解决readyRead信号触发问题的dll与lib文件.7z

    分别将文件夹中的bin文件夹中的dll,和lib文件夹中的文件 对应复制覆盖到:Qt安装目录下(以默认路径为例),解决Qt5.13.1中QSerialPort 模块中 ReadyRead信号不触发的问题。 C:\Qt\Qt5.13.1\5.13.1\mingw73_64 ---...

    苹果uc浏览器下载 iOS(iPhone) 6.X版本

    iOS(iPhone) 6.X版本 苹果uc浏览器下载 【新版本特性】 【云下载】云下载提升下载成功率,支持更多下载协议,更快更省 【离线视频】缓存在线视频,随时随地观看无需等待不重复消耗流量 【智能输入框】智能联想输入...

    swfupload flash上传兼容所有浏览器

    由于Flash的广泛安装基础,这种方法可以在大多数现代计算机上运行,从而解决了IE、Firefox、Chrome、Safari等不同浏览器间的上传兼容性问题。 以下是关于SWFUpload的一些关键知识点: 1. **初始化设置**:...

    bug 下拉就触发刷新而不是下拉到顶部触发.zip

    标题所提到的"bug 下拉就触发刷新而不是下拉到顶部触发"是指一个常见的滚动刷新问题,这通常发生在使用了下拉刷新功能的移动应用或网页上。当用户尝试滚动页面时,如果下拉动作过早地触发了刷新功能,而不是等到用户...

    unity 调用 andriod 浏览器

    当用户触发某个事件(如点击一个按钮)时,这个方法会被调用,进而通过`Application.OpenURL`函数启动Android设备上的默认浏览器并加载URL。 `dll`和`dll.meta`文件可能包含了Unity插件或者第三方库,它们可能会...

Global site tag (gtag.js) - Google Analytics