如何在 JavaScript 中识别模糊事件的目标

识别模糊事件的目标

当 HTML 输入字段由于用户单击或按 Tab 键离开而失去焦点时，会出现“模糊” ' 事件被触发。如果您想确定是哪个元素导致了焦点丢失，本文提供了使用 'latedTarget' 属性的解决方案。

'latedTarget' 属性

'latedTarget'模糊事件的属性引用在初始元素放弃焦点后获得焦点的元素。此属性有效地查明触发模糊的元素。

示例实现

考虑附加到输入字段的以下 JavaScript 函数：

<code class="javascript">function blurListener(event) {
  if (event.relatedTarget) {
    event.relatedTarget.className = 'focused';
  }
}</code>

在此脚本中，每当输入字段失去焦点时，代码都会检查是否存在“相关目标”。如果是这样，则将“focused”类应用于它，突出显示获得焦点的元素。

以上是如何在 JavaScript 中识别模糊事件的目标的详细内容。更多信息请关注PHP中文网其他相关文章！