events 和when选项的区别
时间: 2024-04-21 15:22:59 浏览: 10
在 `turn.js` 插件中,`events` 和 `when` 是两个不同的选项,用于处理不同类型的事件。
`events` 选项用于定义事件处理程序,允许你为特定事件(如翻页开始、翻页结束等)定义自定义的回调函数。你可以使用 `events` 选项来捕获和处理插件中已定义的事件。
例如,你可以使用 `events` 选项来定义在翻页开始时执行的回调函数和在翻页结束时执行的回调函数。这样可以让你在特定事件发生时执行自定义的操作。
```javascript
$("#flipbook").turn({
// 其他选项...
events: {
turning: function(event, page, view) {
// 在翻页开始时执行的回调函数
console.log("翻页开始");
},
turned: function(event, page, view) {
// 在翻页结束时执行的回调函数
console.log("翻页结束");
}
}
});
```
另一方面,`when` 选项用于根据特定条件触发事件。它允许你定义一个或多个条件,当这些条件满足时,会触发相应的事件。
例如,你可以使用 `when` 选项来定义当鼠标拖动超过一定距离时触发翻页操作。这样可以让你根据自定义的条件来触发事件。
```javascript
$("#flipbook").turn({
// 其他选项...
when: {
swipeLeft: function() {
// 当向左滑动时,执行翻页操作
$(this).turn("next");
},
swipeRight: function() {
// 当向右滑动时,执行翻页操作
$(this).turn("previous");
}
}
});
```
总结来说,`events` 选项用于定义事件处理程序,而 `when` 选项用于根据条件触发事件。它们提供了不同的方式来处理和响应不同类型的事件。
如果还有其他问题,请随时提问。