変更対象
「英検クイズ」と「CEFR」クイズ全部。
https://eigori.net/
変更点
クイズが終わってからページ遷移が完了するまでの間のクリック・タッチによって、結果に変化が生じてしまう問題への対処を実行。
以下は何をやったか、自分向けの覚書。
①選択肢要素をDOMから削除
まず試みた方法。DOMから選択肢の要素をまとめて削除してみるという最もシンプルな方法である。
確かに要素がなくなるのでクリックで云々の問題は解消された。しかし要素を消したことで、消した要素の後ろにあった要素が上がってきてしまい、これをクリックしてしまうという誤操作を誘発することが判明。
上記の操作は生のjavascriptで行っていた。jqueryのfadeを使えば、急にではなくゆっくりとフェードアウトさせられるのではと考えやってみたものの、うまい具合には至らず。
②ページごと覆ってしまう
いわゆるロード画面などでよく見られる手法。操作が終わったら、画面を覆う要素を生成（z-indexで上に来るように調整）して選択肢だけでなくページ全体を覆うという内容。
これはローディング時に実装していたものをそのまま使用。
けして重い動作の処理などではないので、一瞬すぎてサブリミナル画面みたいになってやしないかとの不満もあるものの、あえて長々表示させてロードしてますよ感を出すほどのことだとも思えないので、目下、このままで運用。
