在 AngularJS 中，我们可以使用指令和控制器来处理事件。然而，在处理事件时，有时我们需要访问触发事件的元素本身。这种情况下，我们可以使用 $event 对象来获取该元素。
$event 对象
在 AngularJS 中，每个事件都会传递一个 $event 对象。这个对象包含了事件的相关信息，包括触发事件的元素、事件类型、鼠标位置等。
我们可以在指令或控制器中通过参数的形式获取 $event 对象。例如：
-- -------------------- ---- -------
------------------------------------------------ ---------- -
------ -
--------- ----
----- --------------- -------- ------ -
------------------- --------------- -
-- ----- ------ --
---
-
--
---在上面的例子中，我们定义了一个名为 myDirective 的指令，并给它绑定了一个点击事件。当用户点击元素时，AngularJS 会将 $event 对象作为第一个参数传递给事件处理函数。
获取触发事件的元素
要获取触发事件的元素，我们可以使用 $event.target 属性。这个属性指向了触发事件的 DOM 元素。
例如，如果我们想在点击按钮时获取该按钮本身，我们可以这样写：
-- -------------------- ---- -------
------------------------------------------------ ---------- -
------ -
--------- ----
----- --------------- -------- ------ -
------------------- --------------- -
--- ------ - -------------
-- ----- ------
---
-
--
---示例代码
下面是一个完整的示例，当用户点击按钮时会在控制台中输出该按钮的文本内容：
-- -------------------- ---- -------
--------- -----
----- ---------------
------
----- ----------------
---------------- ----- ------------
------- ------------------------------------------------------------------------------------
--------
----------------------- ---
---------------------- ---------- -
------ -
--------- ----
----- --------------- -------- ------ -
------------------- --------------- -
------------------------------------
---
-
--
---
---------
-------
------
------- -------------------------
-------
-------在上面的示例中，我们创建了一个名为 myButton 的指令，并将其绑定到一个按钮元素上。当用户点击按钮时，控制台会输出按钮的文本内容。
结论
在 AngularJS 中，我们可以通过 $event 对象来访问触发事件的元素。要获取该元素，我们可以使用 $event.target 属性。在实际开发中，我们可以利用这个特性实现更加灵活和精确的事件处理机制。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25172