最新のWeb開発のチュートリアル
 

AngularJS NG-マウスオーバー指令


マウスカーソルが、<div>要素上を移動する式を実行します。

<div ng-mouseover="count = count + 1" ng-init="count=0">Mouse over me!</div>

<h1>{{count}}</h1>
»それを自分で試してみてください

定義と使用法

ng-mouseoverディレクティブは、マウスカーソルが特定のHTML要素の上に移動したときに何をすべきかAngularJSを伝えます。

ng-mouseover AngularJSからの指令は、両方が実行され、要素の元のonmouseoverイベントを上書きしません。


構文

< element ng-mouseover=" expression "></ element >

すべてのHTML要素によってサポートされています。


パラメーター値

Value Description
expression An expression to execute when the mouse cursor moves over an element.