ເຫດການ onmouseleave

DOM 事件 MouseEvent

ການອະທິບາຍແລະການນໍາໃຊ້

ບ່ອນທີ່ມືຂັນປະຈຳຕົວຫວັງຍົກອອກຈາກປະກອບສັນວັດງານຈະເກີດເຫດການ onmouseleave。

ຄຳແນະນຳ:ການເກີດຂຶ້ນນີ້ຈະມີການນຳໃຊ້ພາຍໃນ ເຫດການ onmouseenterທີ່ຈະເກີດຂຶ້ນເມື່ອຈະຍ້າຍຄຳປະຈຳມືຂອງສັນຍານ.

ຄຳແນະນຳ: onmouseleave 事件ຄືກັນກັບ ເຫດການ onmouseoutຄວາມແຕກຕ່າງດຽວນີ້ຢູ່ວ່າ onmouseleave 事件ບໍ່ມີການປົນກະເຫນນ (ບໍ່ຈະປົນກະເຫນນສູ່ບັນຊີພາຍໃນສະຖານະການບັນຊີຕໍ່ໄປ). ບັນຍາຍກໍລະນີຫຼາຍຫຼັງນີ້ຢູ່ບ່ອນບັນຍາຍ.

ກໍລະນີ

ກໍລະນີ 1

ດຳເນີນ JavaScript ເມື່ອຈະຍ້າຍຄຳປະຈຳມືຂອງສັນຍານ:

<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">

ທ້າທາຍດີຕະຫຼອດ

ກໍລະນີ 2

ກໍລະນີນີ້ສະແດງຄວາມແຕກຕ່າງລະຫວ່າງສະເພາະສະເພາະ onmousemove, onmouseleave ແລະ onmouseout:

<div onmousemove="myMoveFunction()">
  <p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">I will demonstrate onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">I will demonstrate onmouseout!</p>
</div>

ທ້າທາຍດີຕະຫຼອດ

ຄຳເວົ້າ

ໃນ HTML:

<element onmouseleave="myScript">

ທ້າທາຍດີຕະຫຼອດ

ໃນ JavaScript:

object.onmouseleave = function(){myScript};

ທ້າທາຍດີຕະຫຼອດ

ໃນ JavaScript, ນຳໃຊ້addEventListener() ກົດລະບຽບ:

object.addEventListener("mouseleave", myScript);

ທ້າທາຍດີຕະຫຼອດ

ຄວາມຄິດInternet Explorer 8 ຫຼືຫຼັງຈາກນັ້ນບໍ່ສະໜັບສະໜູນ addEventListener() ກົດລະບຽບ。

ລາຍລະອຽດດ້ານເຕັກນິກ

ການປົນກະເຫນນ ບໍ່ສະໜັບສະໜູນ
ສາມາດຍົກເລີກ ບໍ່ສະໜັບສະໜູນ
ຊະນິດສະເພາະ MouseEvent
HTML ສັນຍານທີ່ສະໜັບສະໜູນ ທຸກ HTML ສັນຍານແບບ HTML, ບໍ່ມີ：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> ແລະ <title>
DOM ຮູບແບບບໍ່ Level 2 Events

ການສະໜັບສະໜູນ

表中的数字注明了完全支持该事件的首个浏览器版本。

事件 Chrome IE Firefox Safari Opera
onmouseleave 30.0 5.5 支持 6.1 11.5
DOM 事件 MouseEvent