onblur 事件
ການອະທິບາຍ ແລະ ການນໍາໃຊ້
onblur 事件ເກີດຂຶ້ນເມື່ອບັນດາວັດຖຸບໍ່ມີໄລຍະໃຈ.
onblur 事件ຈະນຳໃຊ້ຫຼາຍທີ່ກັບການສັນຍາການວິເຄາະ (ເຊິ່ງເປັນ, ເມື່ອຜູ້ນຳໃຊ້ອອກຈາກບ່ອນເຂົ້າຂໍ້ມູນ).
ຄຳເຕືອນ: onblur 事件ຄືກັບ ເຫດການ onfocusກົງກັນຂ້າມ.
ຄຳເຕືອນ: onblur 事件ຄືກັບ ເຫດການ onfocusout。ຄວາມແຕກຕ່າງຫຼັກແມ່ນ onblur 事件ບໍ່ຈະຍົກຂຶ້ນ. ຖ້າເຈົ້າຕ້ອງຊອກຫາບັນດາເພັງຫຼືລູກເພັງທີ່ບໍ່ມີໄລຍະໃຈ, ເຈົ້າສາມາດໃຊ້ເຫດການ onfocusout. ແຕ່ບໍ່, ເຈົ້າສາມາດໃຊ້ onblur 事件的 addEventListener() ກົດລະບຽບຂັ້ນຕອນ useCapture (ທາງເລືອກ).
ຕົວຢ່າງ
ຈະດຳເນີນ JavaScript ເມື່ອຜູ້ນຳໃຊ້ອອກຈາກບ່ອນເຂົ້າຂໍ້ມູນ:
<input type="text" onblur="myFunction()">
ມີຫຼາຍຄວາມສະແດງ TIY ໃນຕໍ່າມີ້.
ວິນຍານ
ໃນ HTML:
<element onblur="myScript">
ໃນ JavaScript:
object.onblur = function(){}myScript};
ໃນ JavaScript, ນຳໃຊ້ກົດລະບຽບ addEventListener() :
object.addEventListener("blur", 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 |
|---|---|---|---|---|---|
| onblur | ສະໜັບສະໜຸນ | ສະໜັບສະໜຸນ | ສະໜັບສະໜຸນ | ສະໜັບສະໜຸນ | ສະໜັບສະໜຸນ |
ຕົວຢ່າງຫຼາຍກວ່າ
ຕົວຢ່າງ
ນຳໃຊ້ "onblur" ແລະ "onfocus" ການເບິ່ງວັດຖຸ:
<input type="text" onfocus="focusFunction()" onblur="blurFunction()">
ຕົວຢ່າງ
ການສະຫຼຸບການເບິ່ງວັດຖຸ: ຕັດສິນສະຫຼຸບ addEventListener() set useCapture parameter to true:
<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>
ຕົວຢ່າງ
ການສະຫຼຸບການເບິ່ງວັດຖຸ: ນຳໃຊ້ການເບິ່ງວັດຖຸ focusin (Firefox ບໍ່ສະໜັບສະໜຸນ):
<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>
