[解決済み] CSS ":hover" を有効にするマウスオーバーを純粋なJavaScriptでシミュレートするにはどうしたらいいですか?
2023-01-13 22:40:08
質問
をシミュレートするためのコードを探しています。
mouseover
をシミュレートするコードを見つけようとしましたが、"mouseover" リスナーが発生しても、CSS "hover" 宣言は決して設定されません!
もやってみました。
//Called within mouseover listener
theElement.classList.add("hover");
しかし、何もその要素をその
hover
の宣言にあるものに変えることはできないようです。
これは可能でしょうか?
どのように解決するのですか?
できません。それは 信頼できるイベント .
ユーザとの対話の結果として、または DOM への変更の直接的な結果として、ユーザエージェントによって生成されるイベントは、DocumentEvent.createEvent("Event") メソッドを介してスクリプトによって生成されたイベントには与えられない特権でユーザエージェントによって信頼されて、 Event.initEvent() メソッドを使用して変更されて、または EventTarget.dispatchEvent() メソッドを介してディスパッチされています。信頼できるイベントのisTrusted属性の値はtrueであり、信頼できないイベントのisTrusted属性の値はfalseである。
ほとんどの場合 信頼されないイベントはデフォルトアクションをトリガしないはずです。 ただし、click や DOMActivate イベントは例外です。
クラスを追加し、マウスオーバー/マウスアウトイベントでそれを手動で追加/削除する必要があります。
関連
-
[解決済み] JavaScriptで現在の日付を取得するには?
-
[解決済み] JavaScriptで配列の先頭に新しい配列要素を追加するにはどうすればよいですか?
-
[解決済み] JavaScriptでオブジェクトのキー/プロパティの数を効率的にカウントする方法
-
[解決済み] オブジェクトをメンバーとして、プレーンなJavaScriptオブジェクトをループさせる方法
-
[解決済み] JavaScriptの正規表現でマッチしたグループにアクセスするにはどうすればよいですか?
-
[解決済み] javascript の関数から `undefined` と `null` のどちらを返すのが良いのでしょうか?
-
[解決済み] JavaScriptのtoString()関数をオーバーライドして、デバッグ用に意味のある出力を提供することは可能でしょうか?
-
[解決済み] moment.jsでミュータビリティを回避するには?
-
[解決済み] javascriptで文字列から関数を作成する方法はありますか?
-
[解決済み] JavaScriptでjson-objectのキーを取得する [重複].
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] addEventListenerとonclickの比較
-
[解決済み] reactのrender関数でdynamic hrefを作成するには?
-
[解決済み] WebStormで未解決の変数が大量にある場合の警告に対処する方法は?
-
[解決済み] 文字列がhtmlであるかどうかをチェックする
-
[解決済み] jqueryはjavascriptのライブラリなのかフレームワークなのか?[クローズド]
-
[解決済み] Reactメモを使うべきではない場合とは?
-
[解決済み] モデルフェッチ時に1をtrueに、0をfalseに変換する方法
-
[解決済み] 文字列とラベルのローカライズとグローバリゼーションのベストプラクティス【終了しました
-
[解決済み] Prototypeを使ってtextareaを自動サイズ調整するには?
-
[解決済み] 変異を伴わないオブジェクトからの値の削除