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

列印頁面