LoginSignup
1
0

More than 3 years have passed since last update.

addEventListenerが追加したDOM要素等の影響でうまく設定ができない時の対応

Posted at

今回の経緯

今回fullcalendarというカレンダーライブラリーで日付部分にボタンを追加、そのボタンにクリックイベントを仕込む、という実装が必要であったが、ライブラリーが吐き出したDomに対して直接イベントを設定する必要があり少し変わった実装方法をしたのでそのメモ

      const ele = document.querySelector('.fc-scroller-harness .fc-scroller .fc-col-header tbody');
      ele.addEventListener('click', (e) => {
        const x = e.target;
        if (Array.from(document.querySelectorAll('.label-btn')).includes(x)) {
          // .label-btn をクリックした時にイベントクリックイベントが発火する
        }
      });

これ結構便利です!!たまにこのようにして使いたいパターンが出てくるので忘れないようにこちらメモとして残しておこう。

おしまい

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0