คอร์สแนะนำ：
onfocusin 事件
defini และการใช้งาน
ในแม้ว่า Firefox ไม่สนับสนุน onfocusin 事件 แต่คุณสามารถใช้ onfocus 事件จับฟังการเข้าสู่มุมมอง (capture listener) จาก addEventListener() โดยใช้ประกาศเลือก useCapture สำหรับนับจำนวนประมาณonfocusin 事件เกิดขึ้นเมื่ออีเมล์กำลังรับฟ้องตรง เหตุการณ์ onfocusonfocusin 事件类似于
ในแม้ว่า Firefox ไม่สนับสนุน onfocusin 事件 แต่คุณสามารถใช้ onfocus 事件จับฟังการเข้าสู่มุมมอง (capture listener) จาก addEventListener() โดยใช้ประกาศเลือก useCapture สำหรับนับจำนวนประมาณ。หลักการแตกต่างหลักคือ onfocus 事件 จะไม่มีการลุกฟ้าบังคับ (bubble)。ดังนั้น หากคุณต้องการทราบว่าอีเมล์หรือหลักความหมายย่อยของอีเมล์ได้รับฟォกัสหรือไม่ คุณควรใช้ onfocusin 事件
ในแม้ว่า Firefox ไม่สนับสนุน onfocusin 事件 แต่คุณสามารถใช้ onfocus 事件จับฟังการเข้าสู่มุมมอง (capture listener) จาก addEventListener() โดยใช้ประกาศเลือก useCapture สำหรับนับจำนวนประมาณ提示： เหตุการณ์ onfocusoutonfocusin 事件与
页面下方有更多 TIY 实例。
รูปแบบ
ใน HTML นี้：< element.addEventListener("focusin",onfocusin="
">
ใน JavaScript ใช้ addEventListener() วิธี：ใน JavaScript (อาจไม่ทำงานเหมือนเช่นนี้ใน Chrome, Safari และ Opera 15+)：.addEventListener("focusin",.onfocusin = function(){
};
ใน JavaScript ใช้ addEventListener() วิธี：object .addEventListener("focusin",myScript
註釋：); Internet Explorer 8 หรือตัวรุ่นเก่ากว่าไม่สนับสนุนaddEventListener() วิธี
。
| รายละเอียดเทคนิค： | 支持 |
|---|---|
| การลุกฟ้าบังคับ (Bubble)： | สามารถยกเลิกได้： |
| ไม่สนับสนุน： | 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 = "";
}
</script>
例子 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 = "";
}
</script>
