html5中按钮按下时的翻页效果

Question

我在看这个：

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

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

Answer 1

是的，这是可以做到的。

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

分别让拖动=鼠标拖动/鼠标移动， down =鼠标按下， release =鼠标释放事件。将您的标志变量初始化为false。当遇到拖动事件时，它将变为true。否则，它仍然为false。只要在发生鼠标释放事件时为false，就可以将其视为单击。这就是使用mousedown和mouseup作为点击事件背后的基本原则。

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

如果你想了解更多关于翻页技术的详细信息，请查看this。帮了我很多。