[解決済み] Angular 2 Hoverイベント
2022-02-17 04:26:17
質問
新しい Angular2 フレームワークで、イベントのようにホバーを行う適切な方法をご存知の方はいらっしゃいますか?
で
アンギュラ1
がありました。
ng-Mouseover
が、それは引き継がれないようです。
ドキュメントに目を通しましたが、何も見つかりませんでした。
解決方法は?
任意のHTML要素にホバーライクなイベントを実行したい場合は、以下のようにします。
HTML
<div (mouseenter) ="mouseEnter('div a') " (mouseleave) ="mouseLeave('div A')">
<h2>Div A</h2>
</div>
<div (mouseenter) ="mouseEnter('div b')" (mouseleave) ="mouseLeave('div B')">
<h2>Div B</h2>
</div>
コンポーネント
import { Component } from '@angular/core';
@Component({
moduleId: module.id,
selector: 'basic-detail',
templateUrl: 'basic.component.html',
})
export class BasicComponent{
mouseEnter(div : string){
console.log("mouse enter : " + div);
}
mouseLeave(div : string){
console.log('mouse leave :' + div);
}
}
の両方を使用する必要があります。
mouseenter
と
mouseleave
イベントを作成し、angular 2 で機能的なホバーイベントを完全に実装するようにしました。
関連
-
[解決済み] 動的に生成された要素にイベントバインディングを行うか?
-
[解決済み] どのDOM要素にフォーカスがあるかを調べるには?
-
[解決済み] Angular HTMLバインディング
-
[解決済み] JavaScriptやデバッグでDOMノード上のイベントリスナーを見つけるには?
-
[解決済み] Angular:*ngClassを使った条件付きクラス
-
[解決済み] Chromeデベロッパーツールで:hoverの状態を見る
-
[解決済み] JavaScriptのセミコロン自動挿入(ASI)のルールとは?
-
[解決済み】JavaScriptのクリックイベントリスナーをクラスで使用する。
-
[解決済み】ホバー時に太字にするとインライン要素がずれる
-
[解決済み】JavaScriptで、ファイル入力要素の「クリック」イベントをプログラム的に発生させることはできますか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】JavaScriptで':'(コロン)は何をするのか?
-
[解決済み】Uncaught TypeError: nullのプロパティ'value'を読み取ることができない
-
[解決済み】SecurityError: オリジンを持つフレームがクロスオリジンフレームにアクセスするのをブロックした
-
[解決済み】NodeJS "ESモジュールをロードするためにインポートを使用する必要があります。"
-
[解決済み】JavaScriptのボタンonclickが機能しない
-
[解決済み】SyntaxError: JSON の位置 1 に予期しないトークン o があります。
-
[解決済み】WebSocket接続に失敗しました。WebSocket のハンドシェイク中にエラーが発生しました。予期しない応答コードです。400
-
[解決済み】Uncaught ReferenceError。Firebase は定義されていません。
-
[解決済み】SyntaxError: 期待された式が、'<'を得た。
-
[解決済み] [Solved] Uncaught Invariant Violation: 前のレンダリング中よりも多くのフックをレンダリングする