我目前正在重新设计一个网站，遵循响应式设计+移动优先的方法。
我正在尝试在支持触控的设备上使用JS来检测滑动事件。为此，我使用以下代码：
document.addEventListener ('touchstart', function(event) {
//Get initial finger coords
}, false);
document.addEventListener ('touchmove', function(event) {
//Update final finger coords
}, false);
document.
浏览 4提问于2012-04-11得票数 1
我使用touchmove，如下所示： 设备就绪事件后的document.getElementById("slider").addEventListener("touchmove",alert("touch"),false); 在chrome和cordova中，但它的行为很奇怪，在cordova中，它在开始时意外地触发(就像onload事件)，而在chrome中，它从未触发过。
浏览 9提问于2019-02-15得票数 1
回答已采纳
2回答
我做了一个网络手机游戏，它在浏览器(PC/ mobile )上运行。
我是否需要使用touchmove？
如何像mousemove事件一样运行touchmove事件？
浏览 0提问于2012-11-22得票数 30
回答已采纳
触控设备，如iPad (或移动仿真器模式中的铬)。当跟踪body上的touchmove事件和从dom中移除一个元素(在其上启动了样条)时，touchmove事件停止触发。
我做了一个示例：
即使删除了子元素，touchmove也有继续工作的方法吗？
浏览 3提问于2015-04-01得票数 7
回答已采纳
1回答
当它在底部达到80%时，我们如何禁用滚动？我从下面的代码启动了禁用滚动功能，但它在iPhone中不起作用。
useEffect(() => {
document.addEventListener('touchstart', function(e) {e.preventDefault()}, false);
document.addEventListener('touchmove', function(e) {e.preventDefault()}, false);
}, []);
有没有一种js/CSS的方式或包可以检测滚动百分比？并在达到
浏览 2提问于2021-09-27得票数 1
有没有办法在触发第一个事件后执行第二个事件？
在下面的例子中，我想在touchmove事件被调用之后使用滚动事件。
fromEvent(window, 'touchmove').pipe(
tap(() => this.scroll$.next(false),
debounceTime(100)
).subscribe(() => {
this.scroll$.next(true);
})
浏览 3提问于2021-11-15得票数 1
2回答
我一直在找这个，但似乎什么也找不到。
基本上，我已经将"touchmove“事件(通过jQuery)绑定到一组div。我希望发生的事情是，当你在每个div上拖动(不带touchend)时，div的attr "xyz“会从0切换到1，也就是说它被触摸了。
$("#itBoardFront div").on('touchmove',function(e){
$(this).attr('data-hit',1);
})
正如您可以假设的，这是不起作用的。只有实际被命中并继续移动的元素才会获得数据-命中=1。
浏览 0提问于2012-04-02得票数 1
回答已采纳
如果html文档被禁用。(不滚动...)
document.ontouchmove = function(event){ event.preventDefault(); }
我可以有选择地启用html文档中的元素吗？例如div，span我应该使用什么javascript来做这件事？
浏览 0提问于2010-08-18得票数 0
回答已采纳
1回答
当我触摸我的虚拟手机的显示器时(通过Chrome模拟)，事件touchmove就会被提起。
我尝试了下面的代码行，它被击中了。因此，我确信元素".button“正在受到这个事件的影响，，但我如何知道是否还有其他元素在之前被击中。
$(".button").on("touchmove", function(e) {
e.stopPropagation();
});
浏览 1提问于2015-01-15得票数 0
我用html + Cordova/Phonegap构建了一个涂鸦应用程序。我使用jquery(elem).on(touchstart/-move/-end)来侦听touchevents。但这似乎在Android4.4中被打破了；它只触发了触屏启动。
有小费吗？
编辑:这是代码
$("#canvas_doodle").on("touchstart", function(e){ doo.touchBegin(e); });
$("#canvas_doodle").on("touchmove", function(e){ doo.to
浏览 11提问于2013-11-15得票数 2
回答已采纳
4回答
我只想问一下，有没有办法改变event touchmove的门槛？在我的PhoneGap应用程序中，会出现一张图片。如果触发了touchstart，则会出现另一张图片。如果触发了touchend或touchmove，则所有镜像都必须消失。下面是我的代码：
$('.greenApple').on('touchend', function (e){
$('body').find('.active').removeClass('active');
$('body').find('.
浏览 3提问于2014-11-12得票数 7
我试着在html5的手机界面上工作。我尝试使用touchstart/touchmove/touchend/touchcancel跟踪鼠标的变化。但是当我尝试跟随一个鼠标移动时，我总是有一个“触摸取消”，然后就不再有触摸移动了……
当我尝试这个：它完美地工作，我没有任何问题。
但我认为问题来自于网页浏览器的移动干扰了我的画布。你知道我能解决这个问题吗？
//我尝试解释更多：-这是我的测试代码：，这是我试图在手机上工作的“拼图”拼图代码。我在文本下面有一个"log“div the。当我在灰色的画布上做"touchmove“时，我有一个非常快的”touchcancel“，不再有”to
浏览 4提问于2012-04-29得票数 6
回答已采纳
1回答
我需要做以下工作
用户单击屏幕上的一个方块。
因为它是一个网格，所以用户可以在不释放鼠标的情况下移动到邻居广场，我需要检测鼠标进入这个新的方块来激活下一个方块，在第一个移动之后，移动的方向就固定了。
重复，直到鼠标释放，当鼠标释放时，检查是否匹配，仅此而已。
我用onmousedown、onmouseenter和onmouseleave很好地实现了这一点，在我处理最后一步的文档中添加了一个onmouseup。
问题是，我需要这个在移动设备中工作。我成功地实现了使用touchstart、touchmove组合来拖动touchmove，这很简单。现在我试图实现上述行为，但我发现
浏览 3提问于2017-03-23得票数 4
回答已采纳
当使用jQuery的.trigger('dragstart')在属性为“ondragstart=(事件)”的元素上触发函数时，如何为HTML5 5的拖放设备设置..setData/..getData？**
示例流：
带有touchmove事件的用户drags元素
元素包含以下两个属性：
“触地移动”( function(event){$(this).trigger('dragstart');})；)
Ondragstart=“拖动(事件)”
拖动(事件)尝试使用event.dataTransfer.setData("Te
浏览 0提问于2014-09-04得票数 4
回答已采纳
1回答
当听众从一个画布到另一个画布时，我用鼠标向下和鼠标向上的声音来做出不同的反应。在网站上，很好。但它必须是移动的，因此，为了使它工作，我去了触地开始和触地事件。
也不像预期的那样起作用。
以下是一些代码：
HTML (它只是左边的画布和右边的画布)
<canvas class="left" style="position: relative; background-color: #FFF; width: 45%; height: 80px;"></canvas><canvas class="right" style=&
浏览 3提问于2016-08-12得票数 0
回答已采纳
有什么方法可以处理从mac的履带板抽头吗？
我需要处理‘点击’和‘点击’的轨道垫，特别是在mac。
我试过了
$.event.special.tap = {
setup: function(data, namespaces) {
var $elem = $(this);
$elem.bind('touchstart', $.event.special.tap.handler)
.bind('touchmove', $.event.special.tap.handler)
浏览 5提问于2014-12-04得票数 3
回答已采纳
我的js的顶部有以下代码(这是iScroll插件工作所必需的)。
document.addEventListener('touchmove', function (e) {e.preventDefault();}, false);
在一些页面上，我需要重新启用它，以便正常的iPhone滚动接管(并修复当在页面上使用iscroll时，iphone键盘不会在输入框中弹出的错误)。
我不能算出语法。有人知道是怎么回事吗？
浏览 3提问于2011-09-21得票数 7
回答已采纳
我正在为iPad开发一个Javascript / html5项目。
我需要能够捕捉元素上的touchmove事件，该元素直到touchstart事件被触发后才会被添加到DOM中(例如，直到用户将手指放在屏幕上之后)。
我曾尝试模拟一个touchstart事件，并以编程方式触发它...
$( "#container" ).append( element );
element.on( "touchmove", doStuff );
var ev = $.Event( "touchstart" );
element.trigger( ev );
...
浏览 0提问于2014-09-19得票数 8
回答已采纳
2回答
我有一个简单的HTML页面，当我触摸一个div时，我们不能滚动。你可以找到这个页面
如果你用桌面浏览器打开这个页面，比如firefox，如果你按住div不放，你就不能滚动。
现在我想在移动设备上实现这种行为，就像Android一样。事实上，在Android上，如果你打开这个页面，你可以在任何情况下滚动。
对于我的例子中的颜色，我很抱歉;)
浏览 0提问于2013-07-18得票数 5
回答已采纳
2回答
使用本网站()上的iScroll ()。
我已经安装了它，但它不能正常工作。JS代码如下：
<script type="text/javascript">
var myScroll;
function loaded() {
myScroll = new iScroll('ipad_container');
}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, fal
浏览 0提问于2012-02-21得票数 1
防止在移动设备上滚动的功能： const hideScroll = function(e) {
e.preventDefault()
} 添加监听器： document.body.addEventListener('touchmove', hideScroll, { passive: false }) 正在删除监听程序： document.body.removeEventListener('touchmove', hideScroll) 在chrome开发工具中，我清楚地看到，添加这个侦听器是有效的，我不能使用触摸滚动，但当我启动removeEventLi
浏览 41提问于2019-05-17得票数 0
回答已采纳
我正在开发一个在HTML5画布上的草图应用程序。我已经在画布上添加了“触摸监听器”。
但只有touchstart和touchmove事件会被触发。Touchend不会被解雇。有谁能解释一下原因和解决方法是什么？
<script type="text/javascript" charset="utf-8">
var canvas ;
var context ;
// create a drawer which tracks touch movements
var drawer = {
isDraw
浏览 0提问于2012-05-14得票数 2
回答已采纳
1回答
在jQuery中，我有这样的东西：
$( "body" ).on( "touchmove", function() { ...do something expensive });
我注意到，当我的手指快速拖曳时，回调会堆积起来，即使我停止拖了几秒钟，也常常需要时间来完成。
是否有办法取消尚未启动的回调？我尝试了以下几点：
$( "body" ).on( "touchend", function() {
$( "body" ).off( "touchmove" );
});
...however，
浏览 2提问于2014-09-20得票数 0
回答已采纳
我是jquery/javascript的新手。所以，我找到了这段swipedown和swipeup的js代码。但不知道如何使用它或调用它。
js代码：
(function() {
// initializes touch and scroll events
var supportTouch = $.support.touch,
scrollEvent = "touchmove scroll",
touchStartEvent = supportTouch ? "touchstart" : "
浏览 3提问于2012-02-17得票数 2
回答已采纳
1回答
让我们从一些事件侦听器开始：
window.addEventListener('scroll', function (e) {
console.log('scroll', e);
});
window.addEventListener('touchstart', function (e) {
console.log('touchstart', e);
});
window.addEventListener('touchmove', function (e) {
console.log(
浏览 2提问于2014-11-05得票数 9
我正在制作一个移动网站，我需要禁用本机iphone溢出滚动。为此，我在touchmove函数上调用了preventDefault，但问题是，一旦用户调用mouseup事件，我还需要获取鼠标释放的位置。即使在touchmove事件上调用了preventDefault之后，如何调用mouseup事件？
我的代码现在看起来像这样：
document.ontouchmove = function(e){
e.preventDefault();
}
$(document).mousedown(function(e){
clickPosition = e.pageX;
});
$(document)
浏览 0提问于2013-07-07得票数 1
回答已采纳
1回答
我正在用HTML/CSS/JS构建类似Facebook的反应系统。我正在努力实现类似的触摸效果，就像Facebook上为移动用户所做的那样。所以我希望允许用户通过在反应之间滑动手指来选择反应，并在他们将在所需的反应中释放时进行反应。为此，我使用了touchstart、touchmove和touchend事件。问题是，我想要检测用户何时将手指滑出反应，以便为下一个反应重新启动touchmove事件。我能够检测到这一点，但无法重新启动touchmove事件，因为它会导致错误Uncaught TypeError: Cannot read property 'touches' of u
浏览 36提问于2021-06-08得票数 2
但是非常简单，我想防止body元素上的touchmove事件，但是让它为另一个元素启用。我可以禁用好的..。但我不知道怎么在别的地方重新启用它！
我猜想，理论上，下面的方法是可行的，因为return true与preventDefault相反，但对我来说不起作用。可能是因为$altNav元素在$bod中
联署材料：
$bod.bind('touchmove', function(event){
event.preventDefault();
});
$altNav.bind('touchmove', function(event){
retu
浏览 1提问于2012-12-21得票数 2
回答已采纳
现在我正在做一个phonegap应用程序，我添加了'iscroll4‘到我的项目中，因为我需要滚动页面，但不幸的是，在我添加了'iscroll.js’之后，我的输入文本字段没有响应(我不能在文本字段中输入任何东西)。我的代码如下所示：
<script type="text/javascript" src="cordova-2.2.0.js"></script>
<script type="text/javascript" src="js/iscroll.js"></
浏览 6提问于2013-04-06得票数 1
回答已采纳
我正在使用using浏览我的jQuery移动/ PhoneGap应用程序的页面。你知道在(例如) 50 px的滑动距离之后是否可以让页面转换开始吗？换句话说，它应该在手指停止触摸屏幕之前启动。
这将提高用户体验，因为他们在举起手指和实际的页面转换之间没有这么短的等待时间。
谢谢你给我时间！
浏览 1提问于2012-01-08得票数 1
回答已采纳
我正在修改js中的touchevents。我在eclipse的logcat中遇到了这个错误。
document.getElementById("squareBracket").
addEventListener("touchmove", touchHandler, false);
document.getElementById("squareBracket").
addEventListener("touchend", touchHandler, false);
function touchHandler(e)
浏览 6提问于2014-05-13得票数 4
回答已采纳
2回答
我在我的移动页面上有一个卷帘功能，我想使用touchstart，touchend和touchmove来跟踪设备上的卷帘功能，而不会影响滚动。
这是我的代码。
jQuery('.first-frame').bind('touchmove', function(event) {
_gaq.push(['_trackEvent', 'Landing-Page', 'Swipe-Toggle-Color', '0259_2190']);
});
浏览 1提问于2014-06-11得票数 1
1回答
我想禁用在iPad超文本标记语言页面中的滚动，但当页面从主屏幕启动时，它不起作用。
我已经关闭了Safari正常运行中的滚动功能。然而，当我从主屏幕运行页面时，它会垂直滚动，并具有弹跳效果。我目前正在使用：
$(document).bind('touchmove', function(e) {
e.preventDefault();
});
浏览 1提问于2012-07-11得票数 2
我正在BlackBerry 10 WebWorks SDK上构建js应用程序，并且我正在寻找其他原因来防止平移和缩放行为。我尝试了ios方法，禁用了默认的touchmove行为，但它导致了其他我能负担得起的bug。
<script type="text/javascript">
function preventBehavior(e) {
e.preventDefault();
}
document.addEventListener('touchmove', preventB
浏览 0提问于2013-07-28得票数 0
因此，我已经多次迭代我的代码，但我认为我终于找到了使用通用jQuery插件来检测单击和点击事件的最终方法。插件需要一个隐藏的输入字段来存储"touchMove“标志。有人知道(查看我的代码)如何将标志存储在全局变量中吗？我试图声明一个全局touchMove变量，但不幸的是，javascript函数将全局变量复制到作用域中的本地副本。
总之，我得到的是：
$(document).ready(function() {
$("#touch-me").touch(function() {
console.log("I have been activate
浏览 0提问于2019-04-27得票数 2
回答已采纳
2回答
在两个dom元素上的触摸事件？
、、、、
我有两个相邻的dom元素。
在触摸事件期间，我希望能够在每个元素上滑动。正如我所做的，根据我所在的元素，我希望发生不同的事情。
这看起来像什么？
因为触摸是向下的，所以当它们滑到新元素时，新的touchstart事件不会触发。
谢谢!
编辑:这是实际的代码
ul
li 1
li 2
li 3
我想在每个项目上携带一个持续的touchmove事件，所有我真正需要的就是能够知道当前li的索引
现在我正在尝试：
$('ul').live 'touchmove', (event) ->
element = document.elementF
浏览 0提问于2011-10-19得票数 2
2回答
在处理指针事件时，contextmenu事件似乎会导致pointerout、pointercancel和pointerleave事件，但是后续的pointerup和pointermove事件将被忽略。
在长按压导致contextmenu被触发的触摸设备上，这将成为一个相当大的问题。如果长指针运动在一个点上停留太久，就会使长指针动作提前中止。
我发现关于如何忽略contextmenu事件的建议。但是，它是否有可能完全禁用它，使它永远不会开火？尤其是这样，它不会阻碍指针事件的流？
或者可以定制长压力机的“长度”？
编辑演示这种效果的一些代码，它是在Axionatic的基础上构建的：
<!DO
浏览 6提问于2021-08-12得票数 0
我想从RxJS中的触摸事件中重新创建RxJS事件，因为iOS 是触控上的contextmenu事件。
在简单的语言中，这个可观察到的应该在以下情况下发出：
发生了touchstart事件
2000毫秒(基本上是长压机)
接着是触底
它不应在下列情况下发出：
触摸端发生在少于2000 in的时间内。
在touchstart事件之后是touchmove事件。
我不知道如何跳过，如果触点结束发生得更早，或者是先开始后再进行触地移动。到目前为止，这就是我所做的：
const touchStart$ = fromEvent<TouchEvent>(this
浏览 3提问于2022-05-19得票数 2
回答已采纳
我用的是滑块。(文档网站： )我试图用图片代替这些点.就像这样..。
我不是在寻找悬停功能。我正在寻找的常规光滑滑块功能，但有可能有图像(而不是点)，代表用户将看到的图像时，点击他们。
我可以想办法用相同的图像替换所有的点，但这不是我要找的。我需要不同的图像。
<html>
<head>
<title>Webpage</title>
<link rel="stylesheet" type="text/css" href="slick/slick.css"
浏览 1提问于2019-07-28得票数 1
回答已采纳
1回答
我有一个Backdrop_DIV，它是基于下拉组件的open呈现的。
{open &&
<LS.Backdrop_DIV
onClick={handleBackdropClick}
ref={backdrop_ref}
>
Backdrop
</LS.Backdrop_DIV>
}
如果用户滚动( Backdrop_DIV ) (touchmove)，我希望touchmove消失。
Obs:，这是一个移动视图。
const handleTouchMove = useCallback(()=>{
setOp
浏览 5提问于2019-09-18得票数 5
回答已采纳
我想在滚动事件期间切换底部的菜单。所以我创建了一个固定的菜单，它根据从顶部开始的位置显示/隐藏。该事件当前仅在触摸期间触发。有没有办法在手指从设备上移开后，当网页滚动时触发事件？滚动事件在android设备上运行良好。
function toggleMenu() {
if ($('.menu').offset().top < $('.fixed-menu').offset().top + 32) {
$('.fixed-menu').css('visibility',
浏览 1提问于2015-07-30得票数 3
1回答
我正在创建一个phonegap应用程序。在我的应用程序中，我将有一个不可拖动的谷歌地图。在浏览器中，当我在地图上移动鼠标时，mousemove事件会不断触发。我本以为我的手机也会有同样的行为，但mousemove只会触发一次。
这是我的main.js文件
var app = new function () {
return {
initialize: function () {
var mapCanvas = document.getElementById('map-canvas');
var mapOpt
浏览 1提问于2015-08-07得票数 2
我正在努力在javascript中创建一个暂存卡脚本，鼠标事件处理程序在pc上工作正常，但它不在我的触摸屏手机上。在pc上，我按住鼠标左键并四处移动以划伤卡片。在触摸式手机上，只有当我不断触摸并释放手指在手机屏幕上时，它才会抓挠。
;(function() {
var global = this;
function ScratchCard(element, options, ownerDocument) {
// apply default arguments.
var defaultOptions = {
'color': '
浏览 1提问于2016-05-30得票数 0
1回答
jQuery用户界面可拖分屏
、、、、
我有一个在桌面上工作良好的分割屏幕滑块，但我需要jQuery UI使其在mobile.The拖放事件上工作，让我可以来回拖动它，但有时左边的图像会从原来的位置移动，或者完全消失。对如何处理这件事有什么想法吗？
这是。滑块错误在移动设备上更明显。
document.addEventListener('DOMContentLoaded', function(){
let wrapper = document.getElementById('wrapper');
let topLayer = wrapper.querySelector('.top&
浏览 1提问于2018-02-09得票数 1
回答已采纳
1回答
当用户单击或接触外部时，我使用下面的角指令隐藏div元素。
它可以正常工作，但当您在切换div的按钮上单击div的外部时，会触发“角关闭-单击”回调以隐藏容器，但随后调用附加到该按钮的切换功能，重新打开div。
“关闭单击-筛选器”通过添加异常来解决这个问题，这些异常使用css选择器在调用隐藏函数之前进行检查。但是，这被删除了，因为我们不希望html标记中css类异常的额外膨胀。
所需的函数是当您单击容器外部时，切换按钮不触发它的处理程序。
更新在默认情况下只有300 is延迟的触摸设备上存在问题。因此，这意味着回调被触发以隐藏容器，然后切换函数在300 is之后运行，重新打开容器。在桌面上
浏览 0提问于2016-01-06得票数 3
2回答
我正在使用以下jQuery插件：
我试图做一些非常简单的事情，当用户的手指在签名区域内时，停止页面滚动(在电话上写签名时的页面移动非常糟糕，以至于您根本不能写签名)。我尝试了以下几种在Firefox中不起作用的方法，但我不知道为什么：
$('.signature').on('touchmove', function(e) {
e.preventDefault();
});
我也尝试过这种方法，但也不起作用：
$(document).delegate('.signature', 'touchmove', fa
浏览 4提问于2014-06-29得票数 2
我需要将{被动式: true}选项传递给现有的事件处理程序。处理程序在vendor.js文件中定义。
document.addEventListener('mouseup', <handler1>);
document.addEventListener('touchend', <handler2>);
document.addEventListener('mousemove', <handler3>);
document.addEventListener('touchmo
浏览 3提问于2019-08-01得票数 0
回答已采纳
我正在努力获得拖放功能，以便在Windows7.5手机中工作。最初，我尝试使用jquery可拖动，它在除windows 7.5之外的所有浏览器中都能工作。稍后，我进一步探索，发现windows中不存在touchstart、touchend和touchmove事件。所以我试着让它发挥作用，使用鼠标向下的，令人震惊的情绪事件。但他们没有按照适当的顺序开火。(摩丝情绪在鼠标下垂前燃烧)。拖头事件和拖尾事件也不起作用。我得把这事办好。你有什么建议吗？
/*Eg1:does not work*/
$("#draggable").draggable();
/*Eg2:This even
浏览 1提问于2012-11-21得票数 1
5回答
我需要检测和响应向左/向右滑动，但希望给用户在同一元素上滚动的能力，所以只要他的手指只向左/向右移动，最大向上/向下移动X像素，它应该不会滚动，但当他超过X时，它应该滚动。
所以我所做的是：
var startX, startY, $this = $(this);
function touchmove(event) {
var touches = event.originalEvent.touches;
if (touches && touches.length) {
var deltaX = touches[0].pag
浏览 0提问于2013-07-10得票数 31
回答已采纳
我一直试图停止在触摸设备中滚动，并为此使用了touchmove事件：
$('body').on('touchmove.sidebar', function(e){
e.preventDefault();
});
在Chrome控制台中，我看到了警告：
由于目标被视为被动的，所以无法在被动事件侦听器中进行preventDefault。请参阅
在上，有人建议使用touch-action: none而不是preventDefault()。所以我的问题是：
我应该同时使用preventDefault()和tou
浏览 4提问于2017-02-27得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
