Inputs 模組說明 Part 2

[hinablue]

#17 接續著講與滑鼠有關的 MouseSync 與 ScrollSync

MouseSync

顧名思義，就是跟滑鼠控制相關的同步事件模組，預設值有以下項目，

MouseSync.DEFAULT_OPTIONS = {
    direction: undefined, // 方向
    rails: false, // 指定單一方向移動
    scale: 1, // 滑鼠軌跡放大倍率
    propogate: true // 在文件中加入 mouseleave 事件監聽
};

常數

這兩個常數是給 direction 所使用的，

• MouseSync.DIRECTION_X
• MouseSync.DIRECTION_Y

方法

• getOptions 取得設定值
• setOptions 設定設定值

事件

• start
• update
• end

ScrollSync

關於捲軸的同步事件模組，實際上他也會監聽滑鼠的滾輪事件，預設值有，

ScrollSync.DEFAULT_OPTIONS = {
    direction: undefined, // 方向
    minimumEndSpeed: Infinity, // 捲軸移動結束時的移動速度
    rails: false, // 指定單一方向移動
    scale: 1, // 移動軌跡放大倍率
    stallTime: 50, // 結束移動後多久（單位 ms）觸發 end 事件
    lineHeight: 40 // 捲動行高
};

常數

這兩個常數是給 direction 所使用的，

• ScrollSync.DIRECTION_X
• ScrollSync.DIRECTION_Y

方法

• getOptions 取得設定值
• setOptions 設定設定值

事件

• start
• update
• end