按下按钮的页面翻转效果在html5中

Question

我在看这个：

http://www.netmagazine.com/tutorials/create-page-flip-effect-html5-canvas

然而，我有一个问题 - 我需要能够点击页面，甚至是边缘，而不会触发翻页。我希望在按下画布外的按钮时转动页面。这可能是使用他们提供的基础，还是我需要走一个完全不同的方向？

Answer 1

是的，可以做到。

从我所看到的，你需要一个不会触发页面拖动的点击事件。你需要为此分配一个标志。

让拖动 = 鼠标拖动/鼠标移动，向下 = 鼠标向下，发布< / strong> = 鼠标释放事件。 将标志变量初始化为false。遇到拖动事件时，它变为true。否则它仍然是假的。只要在发生鼠标释放事件时它是错误的，就可以将其视为单击。这是使用mousedown和mouseup作为点击事件的基本原则。

您必须使用e.srcElement或e.target为您提供光标当前所在的元素，以便触发相对于该元素的点击功能。

如果您想对页面翻转技术进行更详细的说明，请检查this。帮助了我很多。