jQuery focusout() 方法

17 Mar 2025 | 阅读 2 分钟

focusout() 方法在元素或其内部的任何元素上发生 focusout 事件时,会附加一个要执行的函数。当元素(或其内部的任何元素)失去焦点时,会发生 focusout 事件。它与 blur() 方法 不同,因为当元素的子元素失去焦点时,focusout() 方法也会触发。

focusout() 方法通常与 focusin() 方法一起使用。

语法

此方法接受一个可选参数,定义如下:

function: 这是一个可选参数。它指定了一个在 focusout 事件发生时执行的函数。

现在,让我们通过一个例子来理解 focusout() 方法。

示例

在这个例子中,我们将 focusout() 方法与 focusin() 方法 一起使用。这里有一个包含文本框的 div 元素。当用户点击文本框内部时,会触发 focusin 事件,当点击文本框外部时,会触发 focusout 事件,文本框将失去焦点。

立即测试

输出

jQuery focusout() method

点击文本框内部后,输出将是:

jQuery focusout() method

点击文本框外部后,div 元素将失去焦点。点击文本框外部后,输出将是:

jQuery focusout() method