https://cojicaji.jp/assets/admin/form_commons/eye_catching-84fedb94.js

1class EyeCatching {
2  initializeEvent() {
3    const self = this;
4
5    const eyeCatchingForm = document.getElementById('js-eye-catching-url');
6    if (eyeCatchingForm) {
7      eyeCatchingForm.addEventListener('click', async function (event) {
8
9        // 選択しているテキストをクリップボードにコピー
10        const eyeCatchingUrl = this.dataset.eyeCatchingUrl;
11        await navigator.clipboard.writeText(eyeCatchingUrl);
12
13        self._notifyComplete();
14      });
15    }
16  }
17
18  _notifyComplete() {
19    // @memo: jQueryを剥がしたいがあまりにもめんどくさいのでjQueryを利用
20    $("#js-eye-catching-copy-notification")
21      .css({"position": "fixed", "bottom": "8%", "left": "50%", "z-index": 30})
22      .fadeIn(600, "easeOutQuad", function () {
23        $(this).fadeOut(600, "easeInQuad")
24      });
25  }
26}
27
28/**
29 * グローバル空間への公開
30 * application.js等から参照可能にするため、windowオブジェクトに登録します。
31 */
32window.EyeCatching = EyeCatching;