当前位置: 首页 > 编程笔记 >

如何在触摸设备上使用JavaScript拖放?

仉洲
2023-03-14
本文向大家介绍如何在触摸设备上使用JavaScript拖放?,包括了如何在触摸设备上使用JavaScript拖放?的使用技巧和注意事项,需要的朋友参考一下

对于触摸式设备的JavaScript拖放,可以使用jQuery UI Touch Punch或拖放式Touch。 

许多不同的事件可用于成功执行拖放操作,

有许多不同的事件需要附加,以监视整个拖放过程-

    list-paddingleft-2">
  • 拖动开始

  • 拖动

  • 德拉贡特

  • 拖曳

  • 拖曳

  • 下降

  • 拖曳

要使对象可拖动,请在要拖动的元素上设置draggable = true属性。附加dragstart 事件处理程序。

也可以使用dragenterdragoverdragleave事件处理程序。

 类似资料:
  • 问题内容: 我正在寻找可在触摸设备上使用的拖放插件。 我想要与允许“可放置”元素的jQuery UI插件类似的功能。 该插件jqtouch支持拖动操作,但没有落下。 这是仅支持iPhone / iPad的拖放操作。 谁能指出我在适用于android / ios的拖放插件的方向? …或者可能会更新jqtouch插件以实现可投放性,它已经在Andriod和IOS上运行。 谢谢! 问题答案: 您可以使用

  • 问题内容: 在Javascript / jQuery中,如何检测客户端设备是否有鼠标? 我有一个网站,当用户将鼠标悬停在某个项目上时,该网站会在信息面板上向上滑动。我正在使用jQuery.hoverIntent来检测悬停,但这显然不适用于iPhone/ iPad / Android等触摸屏设备。因此,在这些设备上,我想还原为点按以显示信息面板。 问题答案: +1,两者兼而有之。另一种方法是使用CS

  • 问题内容: 在iPhone / iPad / Android等触摸设备上,可能很难用手指按一下小按钮。据我所知,没有跨浏览器的方法可以通过CSS媒体查询来检测触摸设备。因此,我检查浏览器是否支持Javascript触摸事件。 到目前为止,其他浏览器还不支持它们,但是开发人员频道上的最新Google Chrome浏览器 启用了触摸事件(即使对于非触摸设备也是如此)。而且我怀疑其他浏览器制造商也会效仿

  • 问题内容: 如果用户通过触摸设备访问我们的网站,我想忽略所有CSS声明。因为CSS没有意义,而且如果平板电脑在单击/点击时触发CSS,则CSS甚至可能会受到干扰,因为它可能会一直停留直到元素失去焦点。老实说,我不知道为什么触摸设备首先感觉到需要触发-但这是现实,所以这个问题也是现实。 因此,在声明触摸设备后,如何(如何)可以立即删除/忽略所有CSS 声明(而不必知道每个CSS )? 问题答案: 如

  • 问题内容: 好的,我想做的是当用户单击列表项时将div向下滑动。 Selectric),它将选择框转换为无序列表。因此,当用户单击源输出为列表项的a时,我希望div向下滑动。 在移动浏览器(iOS7)上,选择框UI与标准选择框UI相同。 关于移动设备onClick的最佳做法是什么? 基本的jQuery: 谢谢。 问题答案: 最好将事件与jQuery方法结合使用: 而且我不明白为什么要使用方法,因为

  • 我目前正在研究这个导航菜单的样式 它在浏览器上运行良好。至于手机,有一种奇怪的蓝色onclick效应。我怎样才能删除它 屏幕截图: 单击前https://imgur.com/Ovu5v7P 点击https://imgur.com/lOwpicT 这是我的密码: