onfocusout 事件
ການອະທິບາຍ ແລະ ການນໍາໃຊ້
onfocusout 事件ກຳລັງເກີດຂຶ້ນໃນເວລາທີ່ບັນປະຕູບາດຈະສູນຍາກຄວາມສົນໃຈ.
ເຖິງວ່າ Firefox ບໍ່ສະໜັບສະໜູນ onfocusout 事件, ທ່ານສາມາດທົດລອງຄວາມສົນໃຈຂອງສິ່ງພາຍໃນບັນປະຕູບາດທີ່ສູນຍາກຄວາມສົນໃຈຂອງບັນປະຕູບາດ onblur (ທີ່ນຳໃຊ້ addEventListener() ກົນລະບົບທີ່ມີຄວາມສາມາດ useCapture) onfocusout 事件ຄືກັບ ເຫດການ onblurຄວາມແຕກຕ່າງຫຼັກແມ່ນ onblur 事件ບໍ່ສະແດງຄື້ນ. ເຖິງວ່າທ່ານຕ້ອງການທົດລອງຄວາມສູນຍາກຄວາມສົນໃຈຂອງບັນປະຕູບາດຫຼືສິ່ງພາຍໃນບັນປະຕູບາດ, ທ່ານຄວນນໍາໃຊ້ onfocusout 事件.
ເຖິງວ່າ Firefox ບໍ່ສະໜັບສະໜູນ onfocusout 事件, ທ່ານສາມາດທົດລອງຄວາມສົນໃຈຂອງສິ່ງພາຍໃນບັນປະຕູບາດທີ່ສູນຍາກຄວາມສົນໃຈຂອງບັນປະຕູບາດ onblur (ທີ່ນຳໃຊ້ addEventListener() ກົນລະບົບທີ່ມີຄວາມສາມາດ useCapture).
ເຖິງວ່າ Firefox ບໍ່ສະໜັບສະໜູນ onfocusout 事件, ທ່ານສາມາດທົດລອງຄວາມສົນໃຈຂອງສິ່ງພາຍໃນບັນປະຕູບາດທີ່ສູນຍາກຄວາມສົນໃຈຂອງບັນປະຕູບາດ onblur (ທີ່ນຳໃຊ້ addEventListener() ກົນລະບົບທີ່ມີຄວາມສາມາດ useCapture) ຄຳແນະນຳ: ເຫດການ onfocusinonfocusout ການສະແດງຄື້ນກັບ
ຕາມການປົກກະຕິ.
ຕົວຢ່າງ
ຕົວຢ່າງ 1
ການດຳເນີນ JavaScript ໃນເວລາທີ່ບັນປະຕູບາດຈະສູນຍາກຄວາມສົນໃຈ
<input type="text" onfocusout="myFunction()">
ມີຫຼາຍຄວາມທີ່ສາມາດນຳໃຊ້ໄດ້ຢູ່ TIY.
ສັນຍາວິທະຍາ
ໃນ HTML:< element.addEventListener("focusout",onfocusout="
">
ໃນ JavaScript ທີ່ນຳໃຊ້ addEventListener() ກົນລະບົບ:In JavaScript (may not work as expected in Chrome, Safari and Opera 15+):.addEventListener("focusout",.onfocusout = function(){
};
ໃນ JavaScript ທີ່ນຳໃຊ້ addEventListener() ກົນລະບົບ:object .addEventListener("focusout",myScript
ຄວາມຄິດເຫັນ:); Internet Explorer 8 ຫຼືຫຼາຍກວ່ານັ້ນບໍ່ສະໜັບສະໜູນaddEventListener() ກົນລະບົບ
.
| ຂໍ້ມູນດ້ານເຕັກນິກ: | ສະຫນັບສະຫນູນ |
|---|---|
| ສະແດງຄື້ນ: | ສາມາດຍົກເລີກຄວາມສົນໃຈ: |
| ບໍ່ສະໜັບສະໜູນ: | FocusEvent |
| ສິ່ງ HTML ທີ່ສະໜັບສະໜູນ: | ທຸກສິ່ງ HTML ສິ່ມຫຼາຍທີ່ບໍ່ມີສິ່ງພາຍໃນ: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> ແລະ <title> |
| DOM Version: | Level 2 Events |
ການສະໜັບສະໜູນບັນດາບັນນາທິການ
ຈຳນວນທີ່ຢູ່ໃນຕາມການສະແດງອອກຂອງບັນດາສາຍພາສາແມ່ນຈຳນວນບັນດາບັນນາທິການທີ່ເປັນການສະໜັບສະໜູນການເກີດນັ້ນຄັ້ງທຳອິດ.
| ການເກີດ | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| onfocusout | ສະຫນັບສະຫນູນ | ສະຫນັບສະຫນູນ | 52.0 | ສະຫນັບສະຫນູນ | ສະຫນັບສະຫນູນ |
ຄວາມຄິດເຫັນ:onfocusout ການເກີດອາດບໍ່ມີຜົນຕາມຄົງຄວາມໃນ Chrome, Safari ແລະ Opera 15+ ແຕ່ມັນຄວນຖືກໃຊ້ຄືກັບປະເພດ HTML ແລະ ນຳໃຊ້ການສະເໜີ addEventListener() (ບໍ່ມີຫຼັກຖານຕາມພາສາໃນລາວ).
ຕົວຢ່າງຫຼາຍຫຼາຍ
ຕົວຢ່າງ 2
ນຳໃຊ້ການເກີດ onfocusin ແລະ onfocusout:
<input type="text" onfocusin="focusFunction()" onfocusout="blurFunction()">
ຕົວຢ່າງ 3
ການສົ່ງຄວາມກັບວັດຖຸ: ຕັດສິນທີ່ useCapture ຂອງ addEventListener() ຕັດສິນໃຫ້ເປັນ 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>
