JavaScript是一種可以在網頁中添加交互性和動態效果的編程語言，其中文本框獲得焦點事件是其中一個重要的方面。文本框獲得焦點事件指的是當文本框被選中或點擊后觸發的事件。這個事件在Web開發中非常有用，可以被用于改變文本框的顏色，大小，內容等等方面。下文將詳細介紹文本框獲得焦點事件的使用方法。

首先，需要下列的HTML代碼來創建一個文本框：

<input type="text" id="myText">

接下來，可以使用JavaScript來編寫文本框獲得焦點事件的代碼。以下的代碼塊演示了如何將文本框的背景顏色更改為紅色，當用戶點擊它時：

document.getElementById("myText").addEventListener("focus", function(){
this.style.backgroundColor = "red";
});

在這個代碼塊中，addEventListener函數將一個名為“focus”的事件添加到文本框上。當瀏覽器檢測到用戶單擊了文本框并將其選中時，將觸發這個事件。事件觸發后，對應的函數將被執行。在這個特定例子中，將背景顏色更改為紅色。

除了更改顏色外，文本框獲得焦點事件還可以執行更多的操作。下面是一個示例程序，當用戶點擊文本框時，該程序將從文本框中檢索數值，并將其加倍顯示：

document.getElementById("myText").addEventListener("focus", function(){
var x = document.getElementById("myText").value;
document.getElementById("myText").value = x * 2;
});

在這個程序中，addEventListener函數添加了一個名為“focus”的事件，當文本框被單擊時觸發。這個程序將從文本框中檢索出數值，并將其加倍。最終結果將被寫入文本框中。

最后，需要注意的是文本框獲得焦點事件也可以與其他JavaScript事件組合。例如，下面的示例程序將針對特定文本框使用兩個不同的事件。當文本框獲得焦點時，將執行紅色背景，并在文本框失去焦點時執行綠色背景。

document.getElementById("myText").addEventListener("focus", function(){
this.style.backgroundColor = "red";
});
document.getElementById("myText").addEventListener("blur", function(){
this.style.backgroundColor = "green";
});

在這個示例程序中，“focus”事件將文本框背景更改為紅色；而失去焦點時，文本框背景顏色將更改為綠色。這種“焦點”和“失去焦點”的結合，能添加出更多的交互性元素。

總之，JavaScript的文本框獲得焦點事件是一個無價的工具。通過使用addEventListener函數來添加這個事件，可以為Web頁面添加交互性和美感。了解這個事件的特性和用法，有助于您將交互性和動態效果添加到您的網站中。