onfocusin အချိန်
အသုံးပြုပုံနှင့် အကျိုးသက်
အချိန်
အကြောင်းအရာ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 = ""; }