jQuery error() 事件方法

jQuery 事件error() 方法用于处理选定元素的错误事件，通常在元素（例如图像或脚本）加载失败时触发。

jQuery error() 方法在 1.8 版本中已弃用，在 3.0 版本中已移除。

语法

以下是 jQuery 事件error() 方法的语法：

$(selector).error(function)

参数

此方法接受一个可选参数“函数”，如下所述：

function − 发生错误事件时要执行的特定函数。

返回值

此方法不返回任何值，但会处理选定元素上的错误事件。

示例 1

处理图像加载错误

以下程序演示了 jQuery 事件error() 方法的使用：

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
</head>
<body>
    <img src="logo.png" alt="Tutorialspoint logo">
<script>
    $("img").error(function(){
        alert("Image can't be loaded, Error....!");
    });
</script>
</body>
</html>

输出

执行上述程序后，它将显示一个图像：

如果图像源文件丢失或图像加载失败，浏览器屏幕上将显示一个弹出警报：

示例 2

替换失败的图像

以下是另一个使用 jQuery error() 方法的示例。在这里，我们使用此方法来处理元素上的错误事件。如果图像加载失败，我们将它替换为另一个图像：

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
</head>
<body>
    <img src="logo.png" alt="Tutorialspoint">
<script>
    $("img").error(function(){
        $(this).replaceWith(" <p>Error loading image</p> <img src='error.png'>");
    });
</script>
</body>
</html>

输出

执行上述程序后，它将显示一个图像：

如果图像源文件丢失或上传失败，它将被替换为以下图像：

jquery_ref_events.htm

打印页面