onfocusin အချိန်

DOM 事件 FocusEvent

အသုံးပြုပုံနှင့် အကျိုးသက်

အချိန်

အကြောင်းအရာonfocusin အချိန် onfocus အခမ်း

အကြောင်းအရာသို့မဟုတ် Firefox မှာ onfocusin အချိန် မမြောက်ဘဲ အသုံးပြုနိုင်သည်မဟုတ် သော်လည်း အခြေအနေအရ အပိုင်းအစုံကို သိရှိရန် addEventListener() စက်၏ လုပ်ဆောင်နိုင်သော useCapture အပါအဝင် အချိန်ကို အသုံးပြုနိုင်ပါ

အကြောင်းအရာonfocusin အချိန် onfocusout အခမ်းတရားပြု

အမှတ်

အမှတ် 1

အရိုးအစိမ်းအား အခြေအနေအရ လုပ်ဆောင်နိုင်သော JavaScript

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

亲自试一试

ကျန်းမာရေးတွင် အချက်အလက်များ

အပြောအဆ

HTML တွင်

<element onfocusin="myScript">

亲自试一试

JavaScript တွင် (Chrome, Safari နှင့် Opera 15+ တွင် အခြေအနေအရ မလုပ်ဆောင်နိုင်ပါ)

object.onfocusin = function(){myScript};

亲自试一试

JavaScript တွင် addEventListener() စက်ကို အသုံးပြုကြည်း

object.addEventListener("focusin", 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
onfocusin 支持 支持 52.0 支持 支持

注释：onfocusin 事件在使用 JavaScript HTML DOM 语法的 Chrome、Safari 和 Opera 15+ 中可能无法按预期工作。但是，它应该作为 HTML 属性并使用 addEventListener() 方法（请参见下面的语法示例）。

更多实例

例子 2

将 "onfocusin" 与 "onfocusout" 事件一起使用：

<input type="text" onfocusin="focusFunction()" onfocusout="blurFunction()">

亲自试一试

例子 3

事件委托：将 addEventListener() 的 useCapture 参数设置为 true（用于 focus 和 blur）：

<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 = ""; 
}

亲自试一试

例子 4

事件委托：使用 focusin 事件：

<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 = ""; 
}

亲自试一试

DOM 事件 FocusEvent