防止HTML5画布在Phonegap应用程序中的触摸/滑动事件中滚动整个页面？

文章/答案/技术大牛

发布

1回答

javascript、canvas、touch、phonegap、dom-events

在我的phonegap应用程序中，我有一个签名框，在长长的文本页面末尾使用canvas，无论设备的iPhone、iPad或方向如何，都可以垂直滚动。页面只是比视口的高度更高而已。问题是，当用户试图用手指在画布上签名，而不是在画布上绘图时，由于触摸滚动，当他们上下移动时，整个<

浏览 3提问于2018-08-19得票数 0

回答已采纳

1回答

html5 canvas游戏在android avd中无法正常运行

javascript、android、html、cordova、avd

我用javascript开发了一个html5画布游戏(Arkanoid游戏)。它在ff n crome浏览器中工作得很好。后来我从phonegap.com下载了一个应用程序，并使用eclipse和android sdk在安卓虚拟设备上运行了游戏，但问题是游戏运行非常非常慢，如果我单击画布元素来调用mousedown事件，整个画布正在选择有没有其他方法可以将html5页面转换成安卓.

浏览 0提问于2011-07-26得票数 0

1回答

如何使用元素上的指针事件禁用整个页面的滚动？

javascript、browser、scroll、pointer-events

我有一个允许在画布上画画的图书馆。目前，它支持鼠标和触摸事件。我还想添加对指针事件的支持。我正在处理画布元素上的pointerdown、pointermove和pointerup事件。然而，当我在我的平板电脑上试用它时，我只需要获得一些pointermove事件(2-5)，然后才会得到pointercancel事件，然后是pointerout和

浏览 0提问于2018-05-13得票数 4

回答已采纳

1回答

微软Surface设备上与火狐的交互性和触觉？

javascript、firefox、touch

微软触摸设备上的(如Surface )、Chrome和IE上都可以捕获鼠标/指针/触摸事件，并在此过程中防止滚动页面。在Firefox上，在使用触摸阻止页面滚动的同时获得相同的活动水平似乎是不可能的。您可以通过防止“轮子”来阻止页面滚动：

浏览 3提问于2017-09-14得票数 10

2回答

启用event.preventDefault时，允许使用touchstart进行垂直滚动

javascript、android、ios、css

当启用event.preventdefault时，我当前在允许垂直滚动时遇到问题。我正在尝试给我的手机页面添加滑动功能，我已经尝试过像hammer.js，swipe.js这样的框架，所有的框架都需要event.preventDefault来检测左右滑动。启用event.preventDefault时，滑动可以完美检测，但是当您在该元素上时，您将失去垂直滚动的功能。也就是说，当您的手指开始在<

浏览 2提问于2013-10-04得票数 4

2回答

Phonegap iOS -防止在输入焦点上滚动

javascript、ios、cordova

我正在使用Phonegap创建一个iPad应用程序。该应用程序有一个固定的横向方向和一个沿顶部运行的菜单，其中右上角有一个文本框。该应用程序是固定的(全屏)大小，不需要滚动。当用户触摸iOS 6右上角出现的文本框时，整个应用程序会向左滑动，以便将文本框放在屏幕中央，从而将整个应用程序向左推，并在右侧留下空白。我如何防止

浏览 1提问于2013-01-15得票数 6

1回答

如何防止触摸屏上的聚合物滚动页在触摸过程中拖放在帆布上？

drag-and-drop、html5-canvas、polymer-1.0、createjs、easeljs

我目前正在使用easel.js (create.js)在我的聚合物1.0+站点上处理html画布上形状的呈现，我正在处理鼠标事件，在画布中的这些形状上使用“按动”、“鼠标向下”和“按压”。然而，在移动设备上拖放这些形状是行不通的。用手指在触摸启用设备上点击并拖动，而不是滚动页面本身(这确实需要滚动)。当用户点击画布</e

浏览 2提问于2016-03-04得票数 0

回答已采纳

1回答

Touch Table Web Apps

html、multi-touch

我正在构建一个触摸表应用程序，我想使用HTML5技术，目的是创建一些跨平台的东西，远离Flash，以及学习一般的HTML5技术。我发现有一些技术可能会起作用，比如javascript的内置触摸事件或KineticJS，这两种技术都运行在画布标签中。还有一些针对使用HTML5技术的移动平台的框架，比如PhoneGap和Sencha

浏览 3提问于2013-05-22得票数 2

1回答

Firefox OS应用程序- html canvas - touch还可以移动页面

javascript、html、canvas、firefox-os

我模仿安卓的解锁滑动功能，用主页屏幕制作了一个火狐操作系统应用程序。 canvas.addEventListener("touchmove", mai

浏览 2提问于2015-05-09得票数 0

3回答

jQuery滑翔机没有按设计在移动设备上工作

javascript、jquery、mobile、slider

更新7/24/15:由于我无法迁移代码，并且有冲突的问题，所以我完全改变了库。对我来说，最快的解决办法是。它仍然允许我检索值，使用jquery所做的同样的简短编码。我不能保证这有多轻，但我可以推荐客户端站点上的临时修复。。更新7/30/15: jQuery用户界面已经被尝试和触摸袋，他们都引起了进一步的问题。同样，在这种情况下，唯一的解决方案是没有UI滑翔机。您的项目可能不一样，但是对于4+

浏览 2提问于2015-07-15得票数 15

回答已采纳

1回答

Android:有一个不断可见的滚动条的指甲油

android、drawing、scrollbar、scrollview、android-canvas

问题陈述：，我希望画布在水平方向和垂直方向上都具有相同的大小。尺寸应该是固定的，并基于垂直方向(A4类帆布)。因此，我需要在水平方向滚动画布的能力。但在ScrollView中用于滚动的触摸事件与画布中用于绘图的触摸事件之间存在冲突。我需要的东西：，我想大多数人都可以解决这个解决方案：，只需添加一个按钮就可以让

浏览 4提问于2012-11-20得票数 2

回答已采纳

2回答

在Chrome中缩放Google地图时，如何防止页面滚动？

google-maps、scroll、trackpad、magic-mouse

我正在谷歌地图上使用Mac触摸板。如果我用两个手指向下或向上滑动，地图就会放大或缩小(就像它应该做的那样)，但随后整个页面会向上或向下滚动。我尝试过在地图元素的scroll侦听器中执行像e.preventDefault()这样的操作，但是没

浏览 10提问于2014-04-14得票数 0

3回答

在Sencha-Touch 2应用程序中加载外部web应用程序

javascript、extjs、sencha-touch、sencha-touch-2

我是Sencha-Touch 2的新手，我在一个项目中工作，在这个项目中，我必须在我的应用程序中访问网站，但该网站与应用程序在不同的域上。我想把它加载到一个iframe中，但是iframe中的内容不会显示来自iframe容器中外部url的任何内容。下面是一个例子。

浏览 0提问于2012-12-29得票数 1

回答已采纳

2回答

当为touchstart事件调用preventDefault()时，为什么onclick事件被抑制？

javascript、ios、ipad

我尝试在我的Ipad设备上实现一些javascript函数。我想使用一些滑动动作，并点击我的画布div上的动作。我实现了水平和垂直滑动功能。我必须在touchstart事件上使用preventDefault，以防止在滑动时整个页面滚动。它工作得很好，但之后我注意到它禁用了这个div上的每个点击事件。当prev

浏览 1提问于2011-07-22得票数 3

回答已采纳

1回答

当软键盘出现时，Android HTML5应用会闪烁

android、html、cordova、jquery-mobile

我正在用iPhone HTML5、jQueryMobile1.2和Phonegap2.1.0开发一个应用程序。在登录页面上，当用户点击输入字段时，软键盘出现，页面以闪烁的效果滑动。同样的应用程序在iPhone上运行得很好。问题只出现在Android手机上。我尝试了- android:windowSoftInputMode="adjustPan"，它停止闪烁，但软键盘再次覆盖提交按

浏览 3提问于2013-01-30得票数 0

2回答

在iframe中通过触摸禁用水平滚动

html、css、iframe、scroll、horizontal-scrolling

我有一个iframe在一个网站，我想禁用水平(而不是垂直)滚动，特别是当用户激活一个触摸输入在网站上和拖动水平(也就是说，如果滚动条仍然是可见的和可拖动的直接触摸他们)。不幸的是，我无法控制显示在iframe中的网站。vertical)adding 将scrolling=no作为iframe属性(这将关闭两个滚动条，并且

浏览 5提问于2019-09-20得票数 0

2回答

javascript + html5画布:在移动设备上绘图而不是拖动/滚动？

javascript、mobile、html5-canvas、draw、drag

我正在使用html5画布+一些javascript (onmousedown/move/up)在网页上创建简单的绘制板。在Opera、Firefox、Chrome等浏览器中工作正常(在台式机上试用)。但是如果我使用iPhone访问这个页面，当我试图在画布上绘图时，它会拖动或滚动页面。这对其他页面内容很好，通过向上或向下滑动页面，您可以像往常一样

浏览 2提问于2012-04-02得票数 12

回答已采纳

1回答

Phonegap Android应用程序不滚动页面

android、cordova、jquery-mobile

我正在使用jquery mobile开发一个基于phonegap的android应用程序，但我的应用程序中的页面不能滚动和触摸事件，我在android logcat中收到这些消息- 12-26 11:3712-26 11:37:50.429: INFO/InputReader(1489)：dispatchTouch::touch事件<e

浏览 2提问于2012-12-26得票数 0

回答已采纳

1回答

捕捉收缩-在浏览器中放大

html、touch、gesture、pinchzoom

我有一个web应用程序，基本上是一个画布，你可以在上面画。我正在处理绘图-无论是通过鼠标还是通过单手指触摸-它工作得很好。画布比屏幕大，我需要实现自己的缩放机制(因为我只想缩放画布，而不是整个屏幕)。我已经向wheel事件添加了一个处理程序，并且我正确地处理了Control-Wheels。现在我需要处理收缩缩放。我的画布作为一个track-action: pinch-zoom CSS设置。这使两个手指滑动</

浏览 23提问于2019-03-07得票数 7

回答已采纳

1回答

触摸设备中的操作滑动

javascript、mobile、dom-events

我有这个水平旋转组件，我想让它工作的鼠标和滑动事件。一切都很好，除了一点:在触摸设备中，如果用户试图垂直滑动以滚动整个页面，我不希望旋转木马水平滚动。我要做的是，鼠标锁定/触屏启动--我停止事件传播以避免页面滚动、项选择等.在第一个移动事件上，在旋转木马上设置一个

浏览 3提问于2012-03-26得票数 2

点击加载更多