jsやDOMについての調べ方

ニコニコ動画html5版で、画面をクリックしながらホイールすることで音量調節をできるようなスクリプトをgreasemonkeyにて書こうと思っています。
javascriptには疎く、何を学べばよいか分かりません。
自分で調べたところ、
.VideoAdVolumeBarContainer > div:nth-child(1) > div:nth-child(1)
の.XSliderに紐付いている以下のスクリプトが音量調節に関わっていることがわかりました。

 t.prototype._getRatioFromEvent = function (e) {
   return (e.clientX - this._dom.getBoundingClientRect().left) / this._dom.offsetWidth
                                          },
 t.prototype._onMouseDown = function (e) {
   this.ratio = this._getRatioFromEvent(e),
   this.props.onDragStart(e),
   this._addMouseEventToDocument()
                                          },
 t.prototype._onMouseMove = function (e) {
   this.ratio = this._getRatioFromEvent(e),
   this.isDragging || (this.isDragging = !0),
   this.props.onDragging(e)
                                          },
 t.prototype._onMouseUp = function (e) {
   this._removeMouseEventFromDocument(),
   this.ratio = this._getRatioFromEvent(e),
   this.isDragging = !1,
   this.props.onDragEnd(e)
                                          }

関数名から処理の内容は何となく分かるのですが、ここに先程述べたようなスクリプトを追記するにはDOM、jsについての知識が必要なのでしょうが、どこで調べていくのが良いのでしょうか?