Method bindLyrics

js/ReadingSystem.js:961–986

* 绑定歌词事件

()

   * 绑定歌词事件
   */
  bindLyrics() {
    if (this.bindingFlags.lyrics || !this.dom.lyricsDisplay) return;
    this.bindingFlags.lyrics = true;

    delegate(this.dom.lyricsDisplay, 'click', '.lyric-line', (event) => {
      // 使用 event.target.closest 获取实际的歌词行元素
      // event.currentTarget 指向绑定事件的父容器，而非被点击的 .lyric-line
      const lyricLine = event.target.closest('.lyric-line');
      if (lyricLine) {
        this.handleLyricActivate(lyricLine);
        this.state.sentence = false;
      }
    });

    delegate(this.dom.lyricsDisplay, 'keydown', '.lyric-line', (event) => {
      if (event.key !== 'Enter' && event.key !== ' ') return;
      event.preventDefault();
      
      // 使用 event.target.closest 获取实际的歌词行元素
      const lyricLine = event.target.closest('.lyric-line');
      if (lyricLine) {
        this.handleLyricActivate(lyricLine);
        this.state.sentence = false;
      }
    });
  }

  /**
   * 绑定播放器控制事件