< p >在JavaScript中，blur是一個非常重要的方法。這個方法可以在HTML元素失去焦點時觸發。比如當我們在輸入框中輸入內容時，然后離開輸入框時，就會觸發blur方法。下面我們就來具體了解一下它的使用和實現效果。< /p>
< p >首先我們來看看blur的簡單使用。例如我們要實現當失去輸入框焦點時，彈出提示框的效果。我們可以這樣寫代碼：< /p>
< pre >
var input = document.getElementById("input");
input.onblur = function() {
alert("請填寫該項內容！");
}
< /pre>
< p >上面的代碼中，獲取了id為input的輸入框，并設置了它的onblur事件為一個匿名函數，當該輸入框失去焦點時，會彈出提示框。接下來我們再看看一個例子。< /p>
< pre >
var input1 = document.getElementById("input1");
var input2 = document.getElementById("input2");
input1.onblur = function() {
if(input1.value == input2.value) {
alert("兩次輸入一致！");
} else {
alert("兩次輸入不一致，請重新輸入！");
}
}
< /pre>
< p >在這個例子中，我們獲取了兩個id分別為input1和input2的輸入框，并給input1設置了onblur事件，當input1失去焦點時，會判斷它的值是否與input2的值相同，如果相同則彈出提示框“兩次輸入一致”，否則彈出提示框“兩次輸入不一致，請重新輸入！”。< /p>
< p >我們再來看一個例子，這個例子是關于文本框自動計算總價的。< /p>
< pre >
var price = document.getElementById("price");
var num = document.getElementById("num");
var total = document.getElementById("total");
num.onblur = function() {
var priceVal = parseFloat(price.value);
var numVal = parseFloat(num.value);
total.value = priceVal * numVal;
}
< /pre>
< p >上面的代碼中，我們獲取了id為price、num、total的文本框，并給num設置了onblur事件，當num失去焦點時，會計算出總價，并將結果顯示在total文本框中。< /p>
< p >綜上所述，blur是一個非常實用的javascript方法，可以幫助我們實現很多交互效果。它可以用來判斷輸入框內容的正確性、計算總價等。需要注意的是，它只能用在可以獲得焦點的元素上，比如input、textarea等，它不能用在div、span等沒有焦點的元素上。< /p>