onblur အခမ်းအနား

DOM အချင်းပြု FocusEvent

အသုံးပြုခြင်း နှင့် အခြေအနေ

onblur အခမ်းအနား သည် အရာသည် အခြေအနေမှ သွားသွားသည့်အခါ ဖြစ်ပေါ်လာသည်。

onblur အခမ်းအနား သည် အများဆုံး ပါဝင်သော ပြင်နေပုံး ပြည့်ပြည့်ခြင်း အခမ်းအနား ဖြစ်သည် (ဥပမာ၊ အသုံးပြုသူ အရေးသတ်သော ပြင်နေပုံးမှ သွားသွားသည့်အခါ)

အကြောင်းကြားချက်: onblur အခမ်းအနား နှင့် onfocus အချင်းပြုအခါကန့်ကွက်မှုများဖြင့်

အကြောင်းကြားချက်: onblur အခမ်းအနား နှင့် အတူ: onfocusout အချင်းပြုအခါ。အခြားအရာများနှင့် အတူ ဖြစ်ပေါ်လာသော onblur အခမ်းအနား မပေါ်ထွက်ချေ။ အရေးပါသော အချက်တခုသည် အဆိုပါ အခမ်းအနားသည် ပေါ်ထွက်သော အခမ်းအနား မပေါ်ထွက်ချေ။ အခြားအခမ်းအနား သို့မဟုတ် အဆိုပါ အခမ်းအနား၏ အကျိုးကို ရရှိရန် သုံးနိုင်သည်။ addEventListener() 方法useCapture အကိုင်းသတ်ချက် (ဆိုင်းငံ့) ဖြင့် ထိုအကျိုးကို ရရှိပါသည်。

实例

အသုံးပြုသူ အရေးသတ်သော ပြင်နေပုံးမှ သွားသွားသည့်အခါ JavaScript အသုံးပြုပါက:

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

ကိုယ်တိုင် ကြိုးစားကြည့်

ပြီးအောက်ပိုင်းတွင် TIY အမျိုးမျိုးသော အမှတ်အသားများရှိသည်。

အက္ခရာ

HTML တွင်:

<element onblur="myScript">

ကိုယ်တိုင် ကြိုးစားကြည့်

သမိုင်းကြောင်း တွင်:

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

ကိုယ်တိုင် ကြိုးစားကြည့်

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

object.addEventListener("blur", myScript);

ကိုယ်တိုင် ကြိုးစားကြည့်

注释：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()">

ကိုယ်တိုင် ကြိုးစားကြည့်

实例

事件委托：把 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>

ကိုယ်တိုင် ကြိုးစားကြည့်

实例

事件委托：使用 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>

ကိုယ်တိုင် ကြိုးစားကြည့်

DOM အချင်းပြု FocusEvent