js 触摸效果 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

当在移动屏幕上滚动时，mobi站点动画停止

javascript、jquery、css、mobile、css-animations

我正在尝试用javascript为移动网站做一个简单的视差效果。嗯，当你在触摸屏移动设备上滚动时，任何类型的JS动画都会冻结。$('#my-div').css('margin-left',lft+'px'); 如果有人想在

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

3回答

触摸装置上的悬停事件

html、css

就像这个例子：现在，问题是在平板电脑和手机上，因为在触摸设备上我们没有悬停事件，用户应该在<li>上单击(触摸)，所以所有其他<li>都会降低透明度，用户无法取消<li>的选择(取消悬停)，因此他们应该刷新页面

浏览 2提问于2014-01-21得票数 1

回答已采纳

1回答

在画布上实现垂直滚动

javascript、android、ios、html、hammer.js

我尝试在HTML5画布的大背景上实现一个带有触摸平移事件的垂直滚动条。我使用hammer JS来识别平移手势：有没有什么库或者简单的JS可以做到同样流畅的效果呢？谢谢！

浏览 0提问于2014-12-01得票数 1

1回答

我们能为移动视图实现带有触摸事件的拖放吗？

javascript、reactjs、drag-and-drop、touch-event

我正在使用简单的HTML-5，并使用React JS中的拖放功能，没有任何库。我已经在web上实现了，它工作得很好，但当我在移动设备上时，它就不起作用了。有触摸事件来处理移动设备的触摸事件，但我没有实现任何解决方案。请推荐一些效果好的东西。

浏览 16提问于2019-10-15得票数 0

1回答

在Three.js演示中不能通过触摸选择超链接

javascript、html、hyperlink、touch、viewport

在测试最近的Three.js教程@ 时，我发现了一些在尝试调试时困扰我的问题。在选择链接时，需要增加哪些内容，并且在此过程中也会忽略“粘性”效应的触发？这是否与光标有关，而光标不在触摸设备上使用？

浏览 1提问于2019-04-26得票数 0

回答已采纳

3回答

为什么我的网站不能在我的手机上缩放？

html、css、media-queries、responsive

我已经尝试了我能想到的所有方法，让这种布局适合移动设备，但它似乎不想工作。我已经把视窗，元标签。我已经添加了@media css标签，仍然没有区别。下面是HTML/CSS： <style> font-family: 'trench'; }

浏览 3提问于2016-05-31得票数 0

3回答

使用JavaScript实现“看不见的墨水”文本效果

javascript、html、reactjs、animation、google-chrome-extension

在iOS上，在iMessage中，你可以使用看不见的墨水效果发送消息，这种效果会使消息变得模糊，并在触摸时保持不模糊。我刚接触React.js，想知道有没有人知道最好的方法？

浏览 1提问于2021-06-12得票数 0

1回答

触摸控制:重复操作直到触摸结束

three.js、touch

我正在尝试向three.js场景添加触摸控件。我想将相机移动到用户触摸的任何方向。它在使用键盘时效果很好，因为你可以按住按钮，相机就会连续移动。有没有类似于使用触摸事件按住键盘或鼠标键的东西？

浏览 31提问于2018-06-05得票数 1

回答已采纳

2回答

在Mac上禁用橡皮筋滚动

javascript、jquery、html、css、macos

我对我的网站很满意，但似乎当Mac上有触摸板的人访问它时，页面就会失真。我希望你能帮助我找出如何禁用或至少最小化损害时，人们使用触摸板和滚动从左到右。我认为这种效果被称为橡皮筋滚动。我们的网站是->circahealthcare . com<-.你需要在mac上访问它，然后在触摸板上向左或向右滑动手指，才能知道我在说什么。谢谢

浏览 2提问于2015-03-25得票数 2

2回答

我有一个数据报警器控制器，当用户接触到屏幕上的某个不是数据报警器的地方时，我想要模糊它。我的问题是，我不明白是什么触发了模糊事件。例如，如果用户下个月触及模糊事件，那么我想说，如果relatedTarget是数据报器内部的一个类(下个月)，那么就显示下一个月，如果relatedTarget不在日历上，就不要隐藏它。问题是relatedTarget总是没有定义。在移动Safari上的模糊事件是什么？为什么在移动Safari中event.relatedTarget属性总是没有定义？

浏览 0提问于2011-02-21得票数 5

1回答

某些Chrome用户不打开数据悬停菜单

twitter-bootstrap、google-chrome、drop-down-menu

更新：也有同样的问题。

浏览 3提问于2017-01-20得票数 1

回答已采纳

2回答

在Windows 8 (HTML/JS)中，有什么方法可以区分触摸和鼠标交互吗？

javascript、html、touch、windows-8、mouseevent

我目前正在构建一个非常强调平移的应用程序，当触摸和操作时，它看起来和感觉都很漂亮。然而，当使用鼠标时，使用典型的微软“块状”触摸轮，平移显然具有相同的“块状”平移效果。有没有办法在为Windows8开发时检测到不同的输入，看看JS事件现在是如何被捆绑在相同的'MSPointer‘名称下的，这样我就可以用不同的方式解释滚动行为了？

浏览 1提问于2012-07-31得票数 3

2回答

触摸设备上的CSS li下拉列表

javascript、jquery、html、css

这些建议是否使li:悬停下拉操作保持工作状态，只需为触摸设备添加onclick功能？我不希望桌面用户不得不点击，菜单应该出现在:悬停为他们。我已经对这个问题做了研究，但似乎找不到一个好的解决办法。是否有一种方法来维护我目前使用li的设置:悬停在非触摸设备上，但添加一些javascript来启用触摸屏设备的功能？

浏览 2提问于2014-03-05得票数 0

3回答

如何在iOS的Safari中禁用网页的默认滚动效果？

ios、safari、webkit、scroll、touch

我需要达到同样的效果。但是我不想使用任何像iScroll这样的JS插件。我使用下面的JS代码来禁用整个页面的默认滚动： event.preventDefault();然后使用CSS代码-webkit-overflow-scrolling: touch;对div元素启用滚动效果。但问题是，如果我使用JS代码，我的CSS代码就不能工作。当用户<

浏览 3提问于2012-03-21得票数 1

回答已采纳

1回答

触摸终端时禁用css悬停

javascript、html、css、web、touch

在纯JavaScript中，当用户的触摸结束在可触摸设备中时，如何禁用( div或btn ...etc)的悬停效果？我有一些锚和按钮，对悬停的影响，但在触摸设备上，触摸的效果仍然可见，即使用户把他的手指从屏幕上。我不想让触控装置上的悬停效果完全消失.但我想要的是停止接触元素后的悬停。

浏览 11提问于2022-10-06得票数 0

1回答

JQuery视差效果。OnScroll事件非常滞后

javascript、jquery、performance、parallax、effect

我正在尝试用js制作一个简单的视差效果。但当我使用触摸板或智能手机等可触摸输入时，会有更高的精确度，滚动事件会被触发很多次。在我的笔记本电脑上，一切都运行得很好，但如果你使用一台运行速度较慢的电脑或Android手机，效果就会非常滞后。或者，如果你知道一些响应式的和移动友好的库来实现这个效果，我也很感兴趣。非常感谢!

浏览 0提问于2017-03-26得票数 1

2回答

触控设备上的可拖动属性

html、drag-and-drop、draggable、drag、html5-draggable

如果我试图在我的触摸屏(Windows10，Chrome)上拖动它，常规的触摸事件似乎优先考虑，比如向后导航。我试过按住它，然后拖拽。这也不起作用。

浏览 5提问于2016-09-09得票数 3

1回答

在AngularJS中，我如何修改ng-单击以在移动上启动touchEnd？

javascript、angularjs

现在，我正在检测用户的浏览器是否有触摸事件，并在某些元素上监听touchend而不是click (以克服“等待双击”的滞后)。在我用的外型抽屉上效果很好。我想修改我的应用程序，以便使用ng-click="function()"的元素能够在桌面click事件上响应(没有可用的触摸事件)，并在touchend上响应触摸设备。这是我开始的一个粗略的JS小提琴，但没有走太远：

浏览 1提问于2014-01-07得票数 3

回答已采纳

1回答