AngularJS 事件AngularJS 有自己的 HTML 事件指令。

AngularJS 事件您可以使用一个或多个指令将 AngularJS 事件监听添加到 HTML 元素中:

ng-blurng-changeng-clickng-copyng-cutng-dblclickng-focusng-keydownng-keypressng-keyupng-mousedownng-mouseenterng-mouseleaveng-mousemoveng-mouseoverng-mouseupng-paste

事件指令允许我们在某些用户事件中运行 AngularJS 函数。

AngularJS 事件不会覆盖 HTML 事件，两个事件都会执行。

鼠标事件鼠标事件在光标按以下顺序移动到元素上时发生:

ng-mouseoverng-mouseenterng-mousemoveng-mouseleave

或者当鼠标按钮按以下顺序单击某个元素时:

ng-mousedownng-mouseupng-click

您可以在任何 HTML 元素上添加鼠标事件。

实例当鼠标移动到 h1 元素上时，增加计数变量:

ng-click 指令ng-click 指令定义了点击元素时将执行的 AngularJS 代码。

实例

你也可以引用一个函数:

实例

Toggle, True/False如果希望在单击按钮时显示 HTML 代码的一部分，并在再次单击按钮时隐藏（如下拉菜单），请使按钮的行为类似于切换开关（Toggle）:

实例

单击按钮以显示/隐藏菜单。

showMe 变量以布尔值 false 开始。

myFunc 函数通过使用 ! 操作符将 showMe 变量设置为与其相反的值。

$event 对象调用函数时，可以将 $event 对象作为参数传递。

$event 对象包含浏览器的事件对象:

将鼠标悬停在标题上，以显示事件对象中 clientX 和 clientY 的值。