如何检测用户是否已离开输入字段？

Question

假设我有一个输入字段

<input id="city" placeholder="city">

我想在用户离开此字段时检测到。我怎么能这样做？请指导。感谢。

Answer 1

普通javascript

#000000

的jQuery

var element = document.getElementById("ELEMENT_ID");
element.addEventListener("blur", function() { ... your code here ...});

如果您有任何机会使用预定义文字实施这些自动清空字段，请使用placeholder attribute。如果您根据焦点更改样式，请使用:focus CSS selector。此外，如果用户离开字段并更改了其内容，则会发出$("#ELEMENT_ID").on("blur", function() { ... your code here ...}); 事件。

Answer 2

当元素失去焦点时，会触发onblur事件。

var elem = document.getElementById('city');
elem.addEventListener("blur", function( event ) {
    console.log('Elvis has left the city (input)!');
}, true);

https://developer.mozilla.org/en-US/docs/Web/Events/blur