在 JavaScript 中，事件是很常见的一个概念，页面中的一些交互，如点击、滚动、鼠标移动等都是事件。在事件处理函数中，我们需要知道触发事件的目标元素是哪一个。

在事件处理函数中，event 对象代表了事件信息，包含了触发事件的相关信息。要获取事件目标元素，可以使用 event.srcElement 属性。

event.srcElement 是 IE 浏览器独有的属性，其他浏览器使用 event.target 代替。

使用 event.srcElement 获取事件目标元素的步骤如下：

1.获取 event 对象

事件处理函数的第一个参数是 event 对象，可以通过该参数获取事件信息。

2.使用 event.srcElement 获取事件目标元素

在 event 对象上使用 event.srcElement 属性获取事件目标元素， 如果使用了其他浏览器，可以使用 event.target 属性替代 event.srcElement 属性，实现同样的效果。

下面是一个简单的例子，演示了如何使用 event.srcElement 获取事件目标元素：

```

点击我

```

在这个例子中，我们创建了一个按钮，并给该按钮绑定了一个 onclick 事件处理函数。当按钮被点击时，事件处理函数中的 event 对象传递了触发该事件的相关信息，并通过 event.srcElement 属性获取了事件目标元素。

需要注意的是，在不同的浏览器中，event 对象可能是不同的，所以最好使用一个兼容性的方式来获取事件目标元素。通常使用 event.target 和 event.srcElement 之间的 OR 操作，将它们组合在一起，如下所示：

```

var target = event.target || event.srcElement;

```

这样可以保证在所有浏览器中都能正确获取事件目标元素。

除了上面的例子，还有其他的一些使用 event.srcElement 的情况。

一般来说，我们使用 event.srcElement 来获取事件目标元素，可以在以下三种场景中使用：

1.获取鼠标点击的目标元素

在页面中，我们有很多的点击事件，点击事件的处理程序通常需要获取事件目标元素。在这种情况下，我们可以使用 event.srcElement 来获取鼠标点击的目标元素。

2.获取键盘按键的目标元素

在页面中，键盘事件也是很常见的，比如按下 Enter 键、Tab 键等等。如果我们想要获取键盘事件的目标元素，也可以使用 event.srcElement 属性来实现。

3.获取提交表单的目标元素

当用户提交表单时，我们可以使用 event.srcElement 属性来获取表单的目标元素，以便在服务器上进行处理。

在这些场景中，为了兼容不同的浏览器，我们最好使用兼容性的方式来获取事件目标元素，而不是单独使用 event.srcElement 或 event.target。这样可以确保在所有浏览器中都能正确获取事件目标元素。

总结

使用 event.srcElement 获取事件目标元素是 JavaScript 中一个很基础而又重要的概念，掌握这个技术可以帮助我们更好地处理各种交互事件。在实际开发中，我们需要时刻记住兼容性问题，使用一个兼容性的方式来获取事件目标元素，以便我们的代码可以在各种浏览器上正确运行。