事件

Zoomist 提供一些有用的事件讓你監聽。

事件能被以兩種方式被註冊。

1 . 在選項中以 on 註冊事件：

new Zoomist('.zoomist-container', {
  on: {
    zoom(zoomist, scale) {
      console.log(zoomist, scale)
    }
  }
})

2 . 在實例化後使用方法 on 註冊事件：

const zoomist = new Zoomist('.zoomist-container')


zoomist.on('zoom', (zoomist, scale) => {
  console.log(zoomist, scale)
})

事件

所有可使用的事件：

名稱參數描述
ready(zoomist)

事件在實例化完成後觸發。

若你使用 on 方法註冊 ready 事件則事件並不會觸發，因為此時實例化已完成。

reset(zoomist)

事件在使用 reset 方法後觸發。

resize(zoomist)

事件在 .zoomist-image resize 時觸發。

beforeDestroy(zoomist)

事件在 Zoomist 被銷毀之前觸法。

destroy(zoomist)

事件在 Zoomist 被銷毀時觸發。

beforeUpdate(zoomist)

事件在 Zoomist 更新之前觸發。

update(zoomist)

事件在 Zoomist 更新時觸發。

zoom(zoomist, scale)

事件在縮放時出發。

wheel(zoomist, scale, event)

事件在滑鼠滾輪滾動時觸發。（僅在桌上型有作用）

dragStart(zoomist, transform, event)

事件在拖移啟動時觸發。

drag(zoomist, transform, event)

事件在拖移時觸發。

dragEnd(zoomist, transform, event)

事件在拖移結束時觸發。

pinchStart(zoomist, scale, event)

事件在使用手勢縮放啟動觸發。（僅在行動裝置有作用）

pinch(zoomist, scale, event)

事件在使用手勢縮放時觸發。（僅在行動裝置有作用）

pinchEnd(zoomist, scale, event)

事件在使用手勢縮放結束觸發。（僅在行動裝置有作用）

slideStart(zoomist, value, event)

事件在滑桿啟用滑動時觸發。

slide(zoomist, value, event)

事件在滑桿滑動時觸發。

slideEnd(zoomist, value, event)

事件在滑桿結束滑動時觸發。