代码之家 › 专栏 › 技术社区 › gargantuan

关于如何在javascript中实现“touchMoveOver”事件有什么想法吗?

svg ipad javascript

0

gargantuan · 技术社区 · 16 年前

我在虚张声势地使用svg,特别是针对ipad用户的web内容。我已经创建了一个小拨号类型的东西,我称之为“奶酪板”,我想用作接口元素。

http://appliedworks.co.uk/files/times/SVGTests/raphael.html

点击一块奶酪(让类比继续下去)可以做“某事”。那一点很容易。不过,我希望用户能够在“奶酪板”上拖动手指,触发一个新事件(touchesMoveDover?)每次他们的手指碰到一块新奶酪。但我不知道该怎么做,因为触摸界面没有“mouseover”的等价物。

如果整件事都是由正方形构成的,我本可以为每个“touchesMoved”创建某种“rectContainsPoint”方法来调用,但这种方法在这里行不通。

如果有人知道如何实现这样的目标,我很乐意听到。

3 回复 | 直到 7 年前

1

2

CÅur Gustavo Armenta 7 年前

我也不知道SVG内部会发生什么,但我认为您应该能够使用“touchMove”事件来实现它。Safari参考库有一篇关于iPhone/iPad触摸事件的好文章: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

2

0

icio 16 年前

我不确定它们是如何扩展到svg的,但肯定有一些用javascript处理触摸事件的方法: http://rossboucher.com/2008/08/19/iphone-touch-events-in-javascript/

3

0

buley 16 年前

我认为您是对的,svg没有等效的mouseover事件。看看flash开发人员的这篇文章 opines on the sad situation .

iPhone不做鼠标移动, 如果你不能移动鼠标在摩泽敦和摩泽普之间事件,mouseup之间的区别点击变得毫无意义。

理论上,穆塞敦仍然有作为单独事件的有效函数当用户接触不管发生了什么后来。不幸的是理论上, 这不是它的工作方式苹果手机。

当你触摸一个元素并离开时你的手指放好一会儿,你选择去聚焦(即你可以说你不想毕竟要遵循这个链接)。在 javascript事件术语,id应为小老鼠事件,但不是咔嗒一声(我不确定是不是穆苏普)。相反,没有事件发生。