relatedTarget ʼþÊôÐÔ

¶¨ÒåºÍÓ÷¨

relatedTarget ʼþÊôÐÔ·µ»ØÓëʼþµÄÄ¿±ê½ÚµãÏà¹ØµÄ½Úµã¡£

¶ÔÓÚ mouseover ʼþÀ´Ëµ£¬¸ÃÊôÐÔÊÇÊó±êÖ¸ÕëÒÆµ½Ä¿±ê½ÚµãÉÏʱËùÀ뿪µÄÄǸö½Úµã¡£

¶ÔÓÚ mouseout ʼþÀ´Ëµ£¬¸ÃÊôÐÔÊÇÀ뿪Ŀ±êʱ£¬Êó±êÖ¸Õë½øÈëµÄ½Úµã¡£

¶ÔÓÚÆäËûÀàÐ͵ÄʼþÀ´Ëµ£¬Õâ¸öÊôÐÔûÓÐÓá£

Óï·¨

event.relatedTarget

ʵÀý

ÏÂÃæÀý×Ó¿É·µ»ØÖ¸Õë¸Õ¸ÕÀ뿪µÄÔªËØ£º

<html>
<head>
<script type="text/javascript">
function getRelElement(event)
  {
  var txt="The cursor just exited the ";
  txt=txt + event.relatedTarget.tagName + " element.";
  alert(txt);
  }
</script>
</head>
<body>

<p onmouseover="getRelElement(event)">
Mouse over this paragraph.</p>

</body>
</html>

TIY

relatedtarget
·µ»ØÖ¸Õë¸Õ¸ÕÀ뿪µÄÔªËØ£¨²»Ö§³Ö IE£©¡£
VUE