今さら聞けないHTML　2023年02月02日

【基本シリーズ】タブメニューの実装

See the Pen
tab UI(js) by wataruNakai (@wataruNakai)
on CodePen.

<

[React]のスクロールイベントを削除

``ではデフォルトの挙動ではスクロールしても何も起こらないと思いますが、スクロールに従って数値が上下するという現象に出会いました。
勝手に数値が変動するとUX的にまずい気がするのでそれを止める方法を残しときます。

# 結論
focusを外しましょう。
“`typescript
e.target.blur()} />
“`

# これは無理
“`typescript
e.preventDefault()} />
“`

preventDefaultでもいけそうですがエラーになります。
スクロールをはじめとするpassiveイベントはjsの完了を待っていてはUXが悪くなるのでユーザーの入力に対して制御できないみたいですね。
“`js
Unable to preventDefault inside passive event listener invocation.
“`

# おまけ

【備忘録】別ウィンドウで画面を表示させる際に別ブラウザで起動させたい

# はじめに
Javascriptで別ウィンドウの画面を表示させたい場合、`window.open`を利用することで表示をさせることが可能ですが、
別ブラウザを起動させて画面を表示させるための備忘録として残しておきます。
IE限定ですが、、、、、

# ソース
Javascriptではローカルのファイルを見に行けない（はず）ので、ActiveXを用いてローカルのブラウザを起動させる。（今回はChrome）
“`html