onblur halin

DOM ɗanar falo FocusEvent

Tasiri da Amfani

onblur halin yana tsare lokaci a cewa abin da ya samu focus.

onblur halin kuma fariya ce a kamafiyan kuma fariya ce don tafiyar form.

Koyarwa: onblur halin kuma fariya ce onfocus ɗanar falokuma fariya ce

Koyarwa: onblur halin kuma fariya ce onfocusout ɗanar falokuma, onblur halin kuma fariya ce, kuma kuma amfani dashi kuma amfani dashi onblur halin don nemi element ko yana samu focus. Amma, amfani dashi onblur halin don amfani dashi onfocusout halin. addEventListener() 方法a alama useCapture (optional) domin gani.

实例

JavaScript a hanyar da:

<input type="text" onblur="myFunction()">

Dare ɗanar

koyarciye da: TIY aniki.

语法

a HTML da:

<element onblur="myScript">

Dare ɗanar

a JavaScript da:

object.onblur = function(){}myScript};

Dare ɗanar

在 JavaScript 中，使用 addEventListener() 方法：

object.addEventListener("blur", myScript);

Dare ɗanar

注释：Internet Explorer 8 或更早的版本不支持 addEventListener() 方法。

技术细节

冒泡： 不支持
可取消： 不支持
事件类型： FocusEvent
支持的 HTML 标签： 所有 HTML 元素，除了：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 以及 <title>
DOM 版本： Level 2 Events

浏览器支持

事件 Chrome IE Firefox Safari Opera
onblur 支持 支持 支持 支持 支持

更多实例

实例

将 "onblur" 与 "onfocus" 事件一起使用：

<input type="text" onfocus="focusFunction()" onblur="blurFunction()">

Dare ɗanar

实例

事件委托：把 addEventListener() 的 useCapture 参数设置为 true：

<form id="myForm">
  <input type="text" id="myInput">
</form>
<script>
var x = document.getElementById("myForm");
x.addEventListener("focus", myFocusFunction, true);
x.addEventListener("blur", myBlurFunction, true);
function myFocusFunction() {
  document.getElementById("myInput").style.backgroundColor = "yellow"; 
}
function myBlurFunction() {
  document.getElementById("myInput").style.backgroundColor = ""; 
}
</script>

Dare ɗanar

实例

事件委托：使用 focusin 事件（Firefox 不支持）：

<form id="myForm">
  <input type="text" id="myInput">
</form>
<script>
var x = document.getElementById("myForm");
x.addEventListener("focusin", myFocusFunction);
x.addEventListener("focusout", myBlurFunction);
function myFocusFunction() {
  document.getElementById("myInput").style.backgroundColor = "yellow"; 
}
function myBlurFunction() {
  document.getElementById("myInput").style.backgroundColor = ""; 
}
</script>

Dare ɗanar

DOM ɗanar falo FocusEvent