ການເກີດງານ onmouseenter

DOM 事件 MouseEvent

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

ການເກີດງານ onmouseenter ໃນເວລາທີ່ມູມຄູກຄືນເຂົ້າໄປໃນປະກອບສະຖານີ。

ຄຳແນະນຳ:ການຈະກະຈາຍນີ້ພົນທະນາຄານກັບ ເຫດການ onmouseleaveນຳໃຊ້ຮ່ວມກັນເມື່ອປັບມົນລູກຄັນທີ່ອອກຫຼັງສິ່ງ.

ຄຳແນະນຳ: onmouseenter 事件ຄືກັບ ເຫດການ onmouseover. ຄວາມແຕກຕ່າງພຽງພໍແມ່ນ onmouseenter 事件ບໍ່ຈະອອກຫຼັງ (ບໍ່ຈະຍ້າຍຕົວຢູ່ໃນຕາມສະຖານະການແຕ່ລະຂັ້ນ). ບັນຈຸຫຼັກການຈະກະຈາຍຫຼາຍຫຼາຍທີ່ຢູ່ດ້ານລຸ່ມຂອງໜ້າເວັບ.

ຄວາມຍິນຍອມ

ກໍານົດ 1

ດຳເນີນ JavaScript ເມື່ອປັບມົນລູກຄັນທີ່:

<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">

ທ້າທາຍຕົວເອງ

ກໍານົດ 2

ກໍານົດການຈະກະຈາຍ: onmousemove, onmouseenter ແລະ mouseover 事件ລະຫວ່າງຄວາມແຕກຕ່າງ:

<div onmousemove="myMoveFunction()">
  <p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">I will demonstrate onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">I will demonstrate onmouseover!</p>
</div>

ທ້າທາຍຕົວເອງ

ສັນຍາ

ໃນ HTML:

<element onmouseenter="myScript">

ທ້າທາຍຕົວເອງ

ໃນ JavaScript:

object.onmouseenter = function(){myScript};

ທ້າທາຍຕົວເອງ

ໃນ JavaScript，ນຳໃຊ້addEventListener() ລະບົບ:

object.addEventListener("mouseenter", myScript);

ທ້າທາຍຕົວເອງ

ຄວາມເຫັນ:Internet Explorer 8 ຫຼືຫຼັງນັ້ນບໍ່ສະໜັບສະໜູນ addEventListener() ລະບົບ.

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

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

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

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

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