在離開輸入字段後調用函數

Question

在聯繫人窗體上，我有幾個輸入字段。其中一個字段是電子郵件地址字段：

<input type='text' name='input_email' onChange={this.validateEmail}/> 

現在，我已將電子郵件驗證功能設置爲onChange屬性。因此，當用戶將字符輸入到電子郵件字段時，整個過程都會出現一條錯誤消息。

我想改變這個，所以this.validateEmail只有當用戶離開特定的輸入字段時被調用一次。我怎麼做到這一點？

我無法找到任何可以解決此問題的默認對象事件。

僅供參考，使用ReactJS

Answer 1

您可以使用onblur()或onfocusout()。一旦你點擊該文本字段，它就會調用函數。

例子：

function myFunction() { 
 
    var x = document.getElementById("sometext"); 
 
    x.value = x.value.toUpperCase(); 
 
}

<input type="text" id="sometext" onfocusout="myFunction()">