ການເລືອກຊະນະຄຳຮຽນ:

DOM 事件 FocusEvent

ການແນະນຳຫຼັກ

onfocusin ກົນລະຍຸດ

ເຖິງວ່າ Firefox ບໍ່ສະໜັບສະໜູນ onfocusin ກົນລະຍຸດ, ເຈົ້າສາມາດນຳໃຊ້ onfocus 事件ກົນລະຍຸດການກວດສອບ (ທີ່ນຳໃຊ້ addEventListener() ກົນລະຍຸດ useCapture ຄຳເລືອກ) ເພື່ອກວດສອບວ່າຂອບຂໍ້ມູນຫຼັງຈາກນັ້ນຈະຮັບຄວາມເພິງສູນ. ຄວາມແຕກຕ່າງຫຼັກແມ່ນ onfocus 事件ບໍ່ອອກຫຼັງ. ເພື່ອກວດສອບວ່າຂອບຂໍ້ມູນຫຼັງຈາກນັ້ນຈະຮັບຄວາມເພິງສູນ, ເຈົ້າຄວນນຳໃຊ້ onfocusin 事件.ຄວາມພິຈາລະນາ ແລະ ການນໍາໃຊ້ ເອັມເອວໄອລາມໃສ່ເວລາເພື່ອເອົາການໃສ່ໂຕonfocusin ກົນລະຍຸດ ການເກີດຂຶ້ນໃນປະຈຸບັນທີ່ຂອບຂໍ້ມູນຈະຮັບຄວາມເພິງສູນ.

ເຖິງວ່າ Firefox ບໍ່ສະໜັບສະໜູນ onfocusin ກົນລະຍຸດ, ເຈົ້າສາມາດນຳໃຊ້ onfocus 事件ກົນລະຍຸດການກວດສອບ (ທີ່ນຳໃຊ້ addEventListener() ກົນລະຍຸດ useCapture ຄຳເລືອກ) ເພື່ອກວດສອບວ່າຂອບຂໍ້ມູນຫຼັງຈາກນັ້ນຈະຮັບຄວາມເພິງສູນ. ຄວາມແຕກຕ່າງຫຼັກແມ່ນ onfocus 事件ບໍ່ອອກຫຼັງ. ເພື່ອກວດສອບວ່າຂອບຂໍ້ມູນຫຼັງຈາກນັ້ນຈະຮັບຄວາມເພິງສູນ, ເຈົ້າຄວນນຳໃຊ້ onfocusin 事件..

ເຖິງວ່າ Firefox ບໍ່ສະໜັບສະໜູນ onfocusin ກົນລະຍຸດ, ເຈົ້າສາມາດນຳໃຊ້ onfocus 事件ກົນລະຍຸດການກວດສອບ (ທີ່ນຳໃຊ້ addEventListener() ກົນລະຍຸດ useCapture ຄຳເລືອກ) ເພື່ອກວດສອບວ່າຂອບຂໍ້ມູນຫຼັງຈາກນັ້ນຈະຮັບຄວາມເພິງສູນ. ຄວາມແຕກຕ່າງຫຼັກແມ່ນ onfocus 事件ບໍ່ອອກຫຼັງ. ເພື່ອກວດສອບວ່າຂອບຂໍ້ມູນຫຼັງຈາກນັ້ນຈະຮັບຄວາມເພິງສູນ, ເຈົ້າຄວນນຳໃຊ້ onfocusin 事件.ຄຳເຕືອນ: ເອັມເອວໄອລາມໃສ່ເວລາເພື່ອເອົາການໃສ່ໂຕonfocusin ກົນລະຍຸດ ກັບ

ກົງກັນຂ້າມ.

ຄວາມນິຍົມ

ຕົວຢ່າງ 1

ດຳເນີນ JavaScript ເມື່ອຂອບຂໍ້ມູນຈະຮັບຄວາມເພິງສູນ:

亲自试一试

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

ມີຫຼາຍຄວາມນິຍົມໃນຕ່າງໆ.

ສັນຍາວິທະຍາ

ໃນ 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() ກົນລະຍຸດ

.

ລະອຽດເຕັກນິກ: 支持
ການອອກຫຼັງ: ສາມາດຍົກເລີກຄວາມນິຍົມ:
ບໍ່ສະໜັບສະໜູນ: 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() ສຳລັບ 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