Hammer.js swipe在旋转的iframe上不起作用
Hammer.js是一个流行的JavaScript库，用于在移动设备上实现手势识别和触摸事件处理。它可以用于实现滑动、拖拽、缩放等手势操作。
在旋转的iframe上使用Hammer.js的swipe功能可能会遇到问题，因为旋转的iframe可能会干扰手势事件的传递。解决这个问题的方法有以下几种：
- 禁用iframe的旋转：如果可能的话，可以尝试禁用iframe的旋转功能，这样Hammer.js的swipe功能就可以正常工作了。
- 使用Hammer.js的
recognizeWith方法：Hammer.js提供了recognizeWith方法，可以用于指定手势之间的关联性。你可以尝试将swipe手势与其他手势（如旋转手势）关联起来，以确保它们可以同时工作。 - 使用事件委托：如果无法解决旋转的iframe干扰手势事件的问题，你可以尝试使用事件委托的方式来处理手势事件。在父级元素上监听手势事件，并根据事件的目标元素来执行相应的操作。
总结起来，解决Hammer.js swipe在旋转的iframe上不起作用的问题可以尝试禁用iframe的旋转、使用recognizeWith方法关联手势、或者使用事件委托的方式处理手势事件。具体的实现方式需要根据具体情况进行调整。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
相关·内容
1回答
Hammer.js swipe在旋转的iframe上不起作用
javascript、html、css、iframe、hammer.js
我在页面上做了一个iframe，并通过变换旋转它。absolute; right: 0; min-width:100vh; Hammer(el).on('doubletap', preview); 当我在旋转后的</em
浏览 37提问于2020-07-25得票数 2
回答已采纳
1回答
向平滑Div Scroll添加滑动手势
jquery、swipe、smooth-scrolling、hammer.js
我正在尝试将滑动手势添加到Thomas Kahn的Smooth Div Scroll插件中，因为该插件在iPads和其他智能设备上不起作用。 $("#makeMeScrollable").hammer({ .bind("hold tap doub
浏览 0提问于2012-08-23得票数 1
回答已采纳
1回答
Framer.js Hammer.js集成
javascript、coffeescript、multi-touch、hammer.js、framerjs
几周前，我从Koen中找到了一个小宝石，它将Hammer.js事件集成到Framer.js中。然而，它是为一个旧版本的锤子，这已经重写了。理论上，通过调整HammerEvents，我可以很容易地将它移植到新版本，而且对于pan和swipe事件，一切似乎都很好。但是，由于某些原因，我不能使用最新的(2.0.4)来处理夹点或旋转事件。这是Hammer.js 1.1.3的原始片段： Do
浏览 3提问于2015-02-08得票数 1
1回答
Hammer JS多tocuh事件中的事件委托不起作用
javascript、jquery、hammer.js、event-delegation
我试图用jQuery的.on()来委托hammer.js中的多点触摸手势事件，但这似乎行不通。这是可行的：var hammerSwipeDown = Hammer(main, {prevent_default: true}).on('swipedown', function(event){ alert("swipe down")
浏览 4提问于2013-09-02得票数 0
1回答
单击按钮后，Hammer.js滑动才能正常工作
javascript、jquery、hammer.js
我正在使用hammer.js库为触摸设备添加滑动手势。我的代码是： var swipe = new Hammer(bodyElement);swipe.on("swipeleft", function() { });
swipe.on("sw
浏览 2提问于2016-05-06得票数 0
2回答
如何将hammer.js绑定到多个ids
javascript、ruby-on-rails、hammer.js
在一页，我有几个引导传送带，我希望他们是工作的刷。为此，我使用hammer.js。hammertime.on('swipeleft', function () { });
起作用了但是我有几个使用id的传送带：carousel_1、carousel_2等等。如果不分别为每个id编写代码，我如何初始化hammer.js？谢谢。如果我向右滑动，其他
浏览 2提问于2017-02-03得票数 0
回答已采纳
2回答
安卓系统的Hammer.js水龙头速度很慢吗？
android、cordova、hammer.js
情境: hammer.js 2.0.4，jQuery 2.1在Cordova跨平台移动应用程序上。我遇到了记录良好的()问题，延迟了点击事件，所以我想我应该试试hammer.js。我实现了我自己的小点击检测(使用mouseUp事件)，它的性能比Hammer.js在我的Android上要好得多(但在我的iPad上却非常糟糕)。所以我的问题是: hammer.js在安
浏览 0提问于2015-10-27得票数 3
4回答
如何使用Hammer.js在iOS中禁用垂直滚动？
javascript、jquery、safari、multi-touch、hammer.js
我正在尝试在水平滚动列表中使用Hammer.js (jQuery版本)禁用iOS中的垂直滚动。我试过了： function(event) if (event.directionevent.direction == Hammer.DIRECTION_DOWN) event.preventDefault();
浏览 0提问于2013-03-21得票数 6
回答已采纳
1回答
hammer.js -父节点和子节点上的不同刷卡处理程序
javascript、jquery、hammer.js
我使用hammer.js绑定swipe事件处理程序(这也是一个基本的jquery问题)。 ...<div id="entry">Swipe to delete this entry.</div></div>
如果用户在条目div上滑动，我想通过它添加一行。如果用户在容器div的其他区域滑动( srcE
浏览 0提问于2013-09-09得票数 0
3回答
为什么hammer.js刷卡不适用于iPhone
javascript、ios、css、hammer.js
我找不到更直接的方式来询问熟悉hammer.js的人，所以我在这里发帖。 //SCROLLING FUNCTION
浏览 1提问于2019-08-30得票数 1
2回答
hammer.js向右滑动下一页
javascript、hammer.js
我想向右滑动到下一页，向右滑动到上一页，我搜索了很长时间，似乎什么都没有用hammertime.get('swipe').set({ direction: Hammer. });
下面建议的脚本似乎不起作用，还有其他建议吗？
浏览 36提问于2020-02-16得票数 0
2回答
JavaScript -检测按键上的滑动？
javascript、mobile、swipe
我有一个按钮，我想知道你是否可以(在移动平台上)允许用户按住并滑动按钮。这会导致调用一个函数：这对移动浏览器来说是可能的吗？谢谢？！？
浏览 1提问于2017-09-07得票数 1
2回答
android股票浏览器上未触发Swipe事件
android、jquery
我使用Touchswipe来触发基于向右和向左滑动的事件。经过大量测试后，我发现touchswipe在android股票浏览器上不起作用，因为touchswipe不会在股票浏览器上触发swipe事件。要触发的代码： //Generic swipe ha
浏览 3提问于2013-09-19得票数 0
1回答
在Safari iOS上未触发的Hammer.js滑动事件
javascript、ios、safari、hammer.js
我正在尝试在一个图像旋转木马上添加滑动手势，但是我在iOS上遇到了Safari的问题。this.mc = new Hammer.Manager(this.$carousel[0]); direction: Hammer.DIRECTION_HORIZONTAL,
threshold$carousel[0]是包含所有映像的div，事件绑
浏览 0提问于2015-12-18得票数 3
回答已采纳
2回答
Hammer.js swipe不与Cordova InAppBrowser合作
cordova、inappbrowser、hammer.js
我有一个托管网站，使用Hammer.js的滑动功能。滑动功能在桌面和移动浏览器中都能正常工作，但在Cordova InAppBrowser (cordova-)上不起作用。dragleft', 'dragright', 'dragup', 'transformend', '
浏览 0提问于2018-07-05得票数 1
回答已采纳
5回答
在角2中实现滑动导航的最佳方法是什么？
angular、navigation、swipe-gesture
我是新的角2，并正在寻找一种方法，以实现一个良好的标签触摸，滑动导航移动用户与滑动过渡到下一个选项卡视图。到目前为止，我已经找到了一个名为的包，尽管我并不热衷于使用它，因为我最终会尽早初始化组件，尽管它们并不存在。
有没有人知道一个很好的方法来实现一个基于标签滑动的导航角度2？如有任何反馈，将不胜感激。
浏览 11提问于2017-03-04得票数 28
回答已采纳
1回答
离子部分滑动
angularjs、ionic-framework、swipe
我的意思是这样的流程: 1)如果用户完成了从右到左的完整滑动操作，一个处理程序。2)如果用户没有完全滑动，并在项目中心之前停止-另一个处理程序。
ion-option-button指令只实现完全滑动。也许有人对局部滑动有一些新的想法。我用的是离子1.3。id="change-swipe"><img src="img/ic_change_swipe.png"></ion-option-bu
浏览 1提问于2016-09-05得票数 0
回答已采纳
1回答
IE内Bootstrap中的滑块不工作
jquery、twitter-bootstrap、slider
我已经在我的网站上实现了Bootstrap (Twitter)，但我的Slider出现了问题。它在除IE之外的所有浏览器中都运行得很好。$(this).bind(event_down, function (){ if ($.browser.msie){var pos = target.swipe.getPos(); pageview.child
浏览 0提问于2013-06-01得票数 3
回答已采纳
4回答
如何使用Hammer进行推送
javascript、jquery、swipe、hammer.js
我发现了一个有趣的资源: Hammer.js。我试着用锤子和jQuery刷卡。2)我已经将该代码放入了文档中。我在要使用swipe的文档的头部放了一个代码的链接：<script src="hammer.js"></script>$(function(){
浏览 0提问于2013-06-01得票数 31
1回答
Hammer.js:在刷卡时执行一些逻辑操作
javascript、jquery、hammer.js
我正在使用hammer.js，现在我想通过使用touch x轴距离来更改元素的宽度： console.log("swipe:" + c
浏览 4提问于2013-12-03得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
