`
zhudeming
  • 浏览: 64106 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

touchmove下的event.touchs[0].target节点不随移动而改变的解决方案

阅读更多
在手机端使用touchmove时,希望event.touchs[0].target随着手指滑动而改变值,但实际上无论怎么滑动event.touchs[0].target的值都是初始的节点,在网上查询后找到一种临时解决方案:

onElementTouchMove: function(e) {
        if (Ext.browser.is.ChromeMobile) {
            var x = e.changedTouches[0].screenX;
            var y = e.changedTouches[0].screenY;
        } else {
            var x = e.pageX;
            var y = e.pageY
        }
        var target = document.elementFromPoint(x, y);
}


哪位大侠有更好的解决方案,请回复下共享。
分享到:
评论

相关推荐

    滚动穿透的6种解决方案【已自测】.docx

    if (event.target.scrollHeight === event.target.scrollTop + event.target.offsetHeight || event.target.scrollTop === 0) { event.preventDefault(); } }); ``` 这种方法解决了body滚动的问题,但当弹层滚动...

    vue实现移动端触屏拖拽功能

    在这个例子中,我们使用`@mousedown`、`@touchstart.stop`、`@mousemove`、`@touchmove.stop`、`@mouseup`和`@touchend.stop`来处理拖动的开始、移动和结束。同时,通过`:style`指令动态设置`div`的位置。 ```html ...

    Cocos creator中一些控制人物的移动方式总结.zip

    在Cocos Creator中,控制游戏角色的移动是游戏开发的基础部分,尤其对于2D游戏来说更是至关重要。本总结将深入探讨几种常见的移动控制方式,包括键盘控制、触屏控制和摇杆控制,帮助开发者更好地理解并应用这些技术...

    swiper.js:一个用于轻触触摸屏JavaScript库

    Swiper.js 一个JavaScript库,用于触摸屏的轻扫/轻拂检测。...// Define handling function of 'touchmove' event.swipe.onswiping = function_for_swiping;// Define handling function of 'touchend' event.swip

    移动端 html5 锁死不让滚动条滚动

    在移动端Web开发中,有时我们需要控制页面的滚动行为,例如在特定情况下禁止用户滚动页面,以便实现特定的交互效果。标题“移动端html5锁死不让滚动条滚动”所描述的问题正是这种需求的一个实例。在HTML5中,我们...

    vue实现移动端触屏拖拽功能.docx

    @touchmove.stop="move" @mouseup="end" @touchend.stop="end" :style="{top: position.y + 'px', left: position.x + 'px'}"> 奖励规则 ``` - 这里定义了一个带有类名 `floatball` 的 `div` 元素,用于...

    移动web和响应式第3天课堂笔记1

    移动Web和响应式设计是现代Web开发中的关键概念,它们主要关注如何使网站在不同设备上,特别是移动设备上提供良好的用户体验。在本篇“移动Web和响应式第3天课堂笔记1”中,我们将深入探讨触摸事件(touch events)...

    js拖拽移动控价

    let startX = event.clientX || event.touches[0].clientX; let startY = event.clientY || event.touches[0].clientY; document.addEventListener('mousemove', handleDragging); document.addEventListener...

    jquery模拟手机触屏上下滚动效果

    要实现上下滚动效果,我们需要监听touchmove事件,并根据手指在屏幕上的移动来改变页面的滚动位置。 以下是一些关键步骤和代码示例: 1. **绑定touchmove事件**: 使用jQuery的`on()`方法绑定touchmove事件到需要...

    移动端事件穿透的原理与解决方案.docx

    ### 移动端事件穿透的原理与解决方案 随着移动设备的普及和技术的发展,移动互联网迎来了前所未的高度发展期,这也促使越来越多的开发者投入到移动应用的开发之中。而在移动应用的开发过程中,一个常见的问题是...

    移动端jquery效果显示地图双指缩放,单指拖动

    一种常见的解决方案是使用Hammer.js这样的手势库,它能识别包括双指缩放在内的多种手势,并提供与jQuery兼容的API。 1. **引入Hammer.js**: 首先,在项目中引入Hammer.js库,可以通过CDN链接或下载后本地引用。 2. ...

    多触点拖拽缩放旋转

    "多触点拖拽缩放旋转"是一种高级交互功能,它允许用户通过多个触摸点对图像或对象进行操作,如拖动、放大、缩小以及旋转,这种特性在移动设备上的应用尤其广泛。在本文中,我们将深入探讨如何实现基于HTML5 Canvas的...

    angular touchmove滑动定位

    var touch = $scope.$event.changedTouches[0]; var dom = document.elementFromPoint(touch.clientX, touch.clientY); $location.hash(dom.dataset.id ? dom.dataset.id : ""); $anchorScroll();

    touchMove:移动端拖拽滚动效果

    在移动设备上,为了提供更好的用户体验,开发人员经常需要实现触摸滑动(touchMove)功能,使得用户可以通过手指拖动来浏览内容,特别是在长页面或需要横向滚动的场景下。这个功能主要基于JavaScript来实现,因为...

    TouchMove.vue

    自己封装的微信小程序拖动窗口组件.

    js写的触点滑动...

    首先,我们需要在`touchstart`事件中记录下初始的触摸位置,然后在`touchmove`事件中计算出手指移动的距离,并相应地改变元素的位置。在`touchend`事件中,可以执行一些结束动作,比如松开手指后的动画效果。 下面...

    Android WebView 网页图像移动

    在本话题中,我们将探讨如何在Android的WebView中实现网页图像的移动功能,特别是针对移动设备的触摸事件处理。在描述中提到了,普通JavaScript图片移动通常基于鼠标事件,而在移动平台上,我们需要利用HTML5的touch...

    html5手机touch插件

    HTML5手机触控插件是为了解决移动设备上的交互问题而设计的,尤其是在没有鼠标而是依赖触摸屏的环境中。这个插件的核心在于利用`touchstart`、`touchmove`和`touchend`这三个触控事件,来实现对用户触摸操作的监听和...

    javascript实现手机触摸屏左右(上下)滚动(javascript感知滑屏方向)

    在移动设备上,尤其是智能手机和平板电脑,用户主要通过触摸屏幕进行交互。为了提供良好的用户体验,开发者需要利用JavaScript来处理触摸事件,实现页面的左右和上下滚动。本篇将深入探讨如何使用JavaScript来感知和...

    svg在移动端的应用-手势图片拖动,手势放大缩小

    与传统的位图(如JPEG或PNG)不同,SVG图像可以无限缩放而不失真,这使得它非常适合用于创建响应式设计和图标。在移动端,SVG的优势在于文件小、加载速度快,且支持交互性,这正是"svg在移动端的应用-手势图片拖动,...

Global site tag (gtag.js) - Google Analytics