ການເຫດການ onmouseover

ເຫດການ DOM MouseEvent

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

ການເຫດການ onmouseover ຈະເກີດຂຶ້ນເມື່ອຂັ້ນສະເພາະຕົກລົງໄປໃສ່ສິ່ງຫຼັກຫຼືສິ່ງພັນລະຫວ່າງສິ່ງຫຼັກ.

ຄຳແນະນຳ:ການເຫດການນີ້ຈະມີການເປັນສະມາຊິກກັບ: ເຫດການ onmouseoutການເຫດການນີ້ຈະເກີດຂຶ້ນເມື່ອຜູ້ນຳໃຊ້ຍ້າຍຂັ້ນສະເພາະອອກຈາກສິ່ງຫຼັກ.

ຄວາມຈິງ:

ບົດສະຫຼຸບ 1

ດຳເນີນ JavaScript ເມື່ອຂັ້ນສະເພາະຕົກລົງໄປໃສ່ຮູບພາບ:

<img onmouseover="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 onmouseover="myScript">

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

ໃນ JavaScript:

object.onmouseover = function(){myScript};

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

ໃນ JavaScript ທີ່ນຳໃຊ້ກົນລະຍຸດ addEventListener():

object.addEventListener("mouseover", 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
onmouseover ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ
ເຫດການ DOM MouseEvent