草庐IT

javascript - 在触摸屏上拖放

我一直在寻找有关这些事件如何运作的清晰指南,但现在我比开始时更加困惑。我网站的某些功能涉及拖放。目前,移动设备(或任何没有鼠标的设备)都支持让用户选择项目,点击“移动”按钮,然后触摸放置点。虽然这非常有效(项目位于可见的网格上),但它并不像拖动那样用户友好。我最初的理解是,无论我在哪里分配element.onmousedown、element.onmousemove和element.onmouseup我也可以简单地分配分别与element.ontouchstart、element.ontouchmove和element.ontouchend相同的处理程序。然而,这留下了以下问题:如何获

javascript - JQuery 可调整大小的触摸屏

我正在使用jQueryresizable方法来调整div的大小,它在鼠标上工作正常但在触摸屏上它不起作用..它不显示可调整大小的光标并且不在触摸设备上调整大小。像android三星平板电脑,请告诉我如何解决这个问题。笨蛋http://plnkr.co/edit/mU18FfjoXRHgRkzAvIcx?p=preview请指导我如何在触摸设备上进一步进行。 最佳答案 我尝试了touchpunch,它成功了。这是来自theirgithubpage的说明:Justfollowthesesimplestepstoenabletouchev

javascript - 删除触摸开始目标后,触摸移动事件不会触发

我正在尝试使用下一个模式实现类似拖动的功能:订阅标记指针向下事件。当Down事件触发时订阅WindowPointerMove和Up事件并删除标记。在移动时执行一些操作。当Up事件触发时取消订阅MoveandUp。这适用于鼠标事件,但不适用于触摸事件。在删除TouchStart目标元素后,它们不会触发。我尝试使用PointerEventsPolyfill但它也不起作用。我正在使用Chrome开发工具来模拟触摸事件。查看示例:initTestBlock('mouse',{start:'mousedown',move:'mousemove',end:'mouseup'});initTestB

javascript - 如何正确处理点击/触摸事件中的混合设备?

我试图找出在绑定(bind)触摸和点击事件时如何使用混合设备,但我找不到任何实际可行的解决方案(我没有混合设备,所以我无法直接测试,但由于失败的尝试甚至无法在普通设备上运行,我认为它们也无法在混合设备上运行。问题在于,在混合设备上,您必须同时覆盖触摸和点击事件,而不触发两次功能。因此,如果您查看我失败的尝试(2和3),您会发现我同时绑定(bind)了touchend和click,但似乎存在某种语法错误或因为这不会导致任何事件真正触发。第一个解决方案工作正常,但那是我只使用一种或另一种事件触发类型的时候。到目前为止我尝试了什么:1-适用于触摸设备和点击设备:_renderer.liste

javascript - 在 Createjs/Easeljs 中使用触摸事件

我正在尝试对Createjs/Easeljs对象使用触摸事件。例如,我正在尝试使用addEventListener附加touchstart和touchmove事件。Touchstart和mousedown似乎有效:我正在使用浏览器和触摸设备对其进行测试,它似乎在这两种情况下都有效。但是mousemove和touchmove好像不行。我虽然是因为我删除了stopPropagation和preventDefault方法,但我看到LannyMcNie写道没有必要在CreateJS中执行此操作1.我不明白为什么它不起作用。这是我的代码:http://pastebin.com/pqxWLNKG问

javascript - 在基于触摸的设备上禁用外部内容的滚动(Twitter Bootstrap 导航栏)

我使用twitterbootstrap3。我添加了固定的顶部导航栏。我在导航栏上有下拉按钮。当用户单击按钮时,将打开一个下拉菜单。对于桌面用户来说没问题。但对于移动用户,当用户向下滚动下zipper接时,后面的页面也会滚动。是否可以在用户滚动下zipper接时禁用后台页面滚动?fiddle:http://jsfiddle.net/mavent/2g5Uc/1/当用户触摸下拉部分并像绿色箭头一样触摸时,背景页面像这个屏幕截图中的红色箭头一样滚动:.......编辑:我检查了that,that和that.编辑:这是行不通的。这将停止所有页面滚动。$('#my_navbar_div').bi

javascript - <video> 标签上的 iPad 触摸事件

我正在iPad上构建一个由javascript支持的画廊,它可以同时显示图像和视频。要浏览图库,您可以向左或向右滑动(类似于iPad的照片应用程序)。但是,在元素上滑动时,我的所有触摸事件都不起作用。它似乎接管了我的触摸事件,即使在可能具有更高z-index的元素上也是如此。我尝试添加一个调用e.preventDefault()的touchmove处理程序,但这似乎也不起作用。有没有其他人遇到过这个问题并找到了解决方案? 最佳答案 您的触摸事件正在被播放器的默认控件吸收。如果将视频元素的控件设置为false,则可以完全控制视频元素上

javascript - 触摸事件不会在输入时触发 iOS8 独立网络应用程序

在iOS8.1(8.0)从主屏幕启动的独立网络应用中,触摸事件(touchstart、touchmove、touchend)不会在输入/文本区域上触发,但会在Safari中的同一设备上触发。我在iOS6上测试了相同的网络应用程序,一切都按预期工作。有没有人遇到同样的问题并找到解决方法?也许有官方错误报告?不幸的是,我在这个主题上一无所获。 最佳答案 似乎从主屏幕启动的独立网络应用程序中的触摸事件在iOS8.1.3中回归:-) 关于javascript-触摸事件不会在输入时触发iOS8独立

javascript - 检测何时触摸另一个 View - 在 React Native 中使用 PanResponder 拖动

我有一个纸牌游戏,用户可以在屏幕上拖动纸牌。如何检测卡片是否已被拖到其他View组件上?我的可拖动卡片代码是这样的://Adraggablecard//dragdropcodeexampleused:https://github.com/brentvatne/react-native-animated-demo-tinder//panresponderdocs:https://facebook.github.io/react-native/docs/panresponder.htmlclassCardextendsReact.Component{componentWillMount()

javascript - 在 Bootstrap 3 中启用触摸事件的推荐方法?

现在Bootstrap3已经出来了,启用触摸的推荐选项是什么?Asbefore,bootstrap.js中没有很多触摸事件,尽管它应该是移动优先框架。最后一件事I'vefound在github上建议使用fastclick.js,但那是在v3.0版本之前。 最佳答案 我的建议是将Bootstrap与JQuerymobile、TouchSwipe或Hammer.js一起使用。可以找到Bootstrap触摸轮播的示例here. 关于javascript-在Bootstrap3中启用触摸事件的推