ªð¦^¦Cªí ¤W¤@¥DÃD µo©«

[±Ð¾Ç] (±Ð¾Ç²Ä11½g)¨Æ¥ó³B²z¾¹ ¤W½g

[±Ð¾Ç] (±Ð¾Ç²Ä11½g)¨Æ¥ó³B²z¾¹ ¤W½g

¤°»ò¥s°µ¨Æ¥ó¡]Event¡^¡HÁ|¨Ò¨Ó»¡¡G¦çªAż¤F¡B¨®¤lż¤F¡A§Ú­Ì´N·|¡u¬~¡v¦çªA¡B¡u¬~¡v¨®¤l¡A§Ú­Ì¹ï¨®¤l¡B¦çªA³£°µ¤F¡u¬~¡v³o­Ó°Ê§@¡A³o­Ó¡u¬~¡vªº°Ê§@´N¬O¤@­Ó¨Æ¥ó¡I©Ò¥H§Ú­Ì¡uÅ¥¡v¡B¡u¬Ý¡v¡B¡u»¡¡v¡B¡u»D¡v¡K..µ¥µ¥¡A³o¨Ç°Ê§@³£¬O¤@­Ó¡u¨Æ¥ó¡v¡C²¨¥¤§¡G¤Z¬O¥[½Ñ©ó¡uª«¥ó¡v¤Wªº¡u°Ê§@¡v³£¬O¡u¨Æ¥ó¡v¡C¦b¹q¸£ªº¥@¬É¤¤¡A±z«ö¤F¤@¤U·Æ¹«ªº«öÁä¡A³o¼Ë´N²£¥Í¤F¤@­Ó·Æ¹«ºVÀ»(Click)ªº¨Æ¥ó¡C

  JavaScript¤¤ªº¨Æ¥ó³B²z¾¹event handlers¡]©ÎºÙ¨Æ¥ó±±¨î¾¹¡^¬O«D±`¦³¥Î¦Ó¥B¥\¯à±j¤jªº¡A¨Æ¥ó³B²z¾¹¥i¥HÀ³¥Î©ó³\¦hªººô­¶¤¸¥ó¤§¤W¡A¨Ò¦p¡G¶WÃìµ²¡B¹Ï¤ù¡Kµ¥¡A½Ð¯S§Oª`·N¡G¦bJavaScript¤¤¡A¨Æ¥ó±±¨î¨Ã¤£©ñ¦b<script>¼ÐÅÒ¤¤¡A¦Ó¬O¨Ï¥Î©ó<html>¼ÐÅÒ¤¤ªº¡C·í¬Y¨Ç°Ê§@²£¥Í®É¡A¦p¡G«ö¤U«ö¶s¡B²¾°Ê·Æ¹«.......µ¥¡A§Ú­Ì¥i¥H¾ÌÂǨƥ󱱨¨Ó°õ¦æ¯S©wªºJavaScriptµ{¦¡¡C

§Ú­Ì±N¤¶²Ð¨Ï¥Î¤U¦C¨Æ¥ó±±¨î¾¹¡G

¨Æ¥ó¦WºÙ

µo¥Í®É¶¡

OnMouseOver

·í·Æ¹«²¾¦Üºô­¶¤¸¥ó(¨Ò¦p¡G¶WÃìµ²)¤W

OnMouseOut

·í·Æ¹«Â÷¶}Ãìµ²(¨Ò¦p¡G¶WÃìµ²)¤W

OnClick

¦Aºô­¶ª«¥ó(¨Ò¦p¡G«ö¶s)¤WºVÀ»·Æ¹««öÁä®É

OnLoad

·íºô­¶¸ü¤J®É

OnUnLoad

·íÂ÷¶}ºô­¶®É



¨Æ¥ó³B²z¾¹ªº¼¶¼g®æ¦¡¦p¤U¡G
  1. name_of_handler="JavaScript code here"
½Æ»s¥N½X
  1. ¨Æ¥ó¦WºÙ = ¡§µ{¦¡½X¡¨
½Æ»s¥N½X
½Ð§Aª`·N¦b¨Æ¥ó¦WºÙ¤§«á±µªº¬O¤@­Óµ¥¸¹¡A³o­Óµ¥¸¹ªí¥Ü¡G·í¨Æ¥óµo¥Í®É¡A´N°õ¦æ¡K¡A¦Ó¬ÛÃöªºJavaScriptµ{¦¡±Ô­z«h¥²¶·©ñ¦bµ¥¸¹¤§«áªº¨º²Õ¡y¡¦¡¦¡¦¡¦¡zÂù¤Þ¸¹¤§¤¤¡A³o¼Ë¨Æ¥ó³B²z¾¹¤~ª¾¹D¸Ó°õ¦æªºµ{¦¡±Ô­z¬O¤°»ò¡F¨Ò¦p¡G
  1. OnMouseMove=¡¨alert(¡¥§A¸I¨ì§Ú¤F¡¦)¡¨
½Æ»s¥N½X
OnMouseOver¨Æ¥ó
¤ÞµoOnMouseOve¨Æ¥óªº®É¾÷´N¬O·í§Ú­Ì§â·Æ¹««ü¼Ð²¾¦Üºô­¶¤¤ªº¬Y¤@­Óª«¥ó®É¡I¨Ò¦p¡G±N·Æ¹««ü¼Ð²¾¦Ü¤å¦r¶WÃìµ²¤W¡G
  1. OnMouseoOver"JavaScriptµ{¦¡±Ô­z©Î©I¥s¨ç¦¡";
½Æ»s¥N½X


¹ê§@¾Ç²ß
  1. <HTML>
  2. <HEAD><TITLE>OnMouseOver¨Æ¥ó</TITLE></HEAD>
  3. <BODY>
  4. <a href="" onMouseOver="alert('§A¸I¨ì§Ú¤F');">¾aªñ§Ú</a>
  5. </BODY>
  6. </HTML>
½Æ»s¥N½X
1.png

ª`·N¡I¡I
¦b¨Ï¥Îª«¥ó³B²z¾¹¡A¦bÂù¤Þ¸¹¤ºªºµ{¦¡½X­Y¥²¶·¦A¨Ï¥Î¨ìÂù¤Þ¸¹®É¡A½Ð§ï¥Î¡u¡¦¡v³æ¤Þ¸¹¡I¦]¬°JavaScriptªº¸ÑĶ¾¹·|»{¬°µ{¦¡½X²×¤î©ó²Ä¤G­Ó¥X²{ªºÂù¤Þ¸¹¦Ó²£¥Íµ{¦¡°õ¦æ¿ù»~¡C


]¹ê§@¾Ç²ß
¦³®É­Ô¡A§Ú­Ì·|¦bºô­¶¤¤«Ø¥ß«Ü¦hªº¶WÃìµ²¡A¶WÃìµ²¥i¯à¥u¬O¥Ñ¤@¤p¬q¤å¦r©Ò²Õ¦¨¡AÂsÄýªÌ¥i¯à¤£ª¾¹D«ö¤U³o­Ó¶W³sµ²±N·|³sµ²¨ì¦ó³B¥h©Î¬O°µ¤°»ò¥Îªº¡A¦]¦¹¡A§Ú­Ì´N¥i¥H¦bÂsÄýªÌ«ö¤U¶WÃìµ²¤§«e¨Ï¥ÎOnMouseOver¨Æ¥ó¥ý¦bÂsÄý¾¹ªºª¬ºA¦C¤W¥[¤W¤@¬q»¡©ú¡G
1-2.png
  1. <HTML>
  2. <HEAD><TITLE>Ãìµ²»¡©ú</TITLE></HEAD>
  3. <BODY>
  4. <a href="" onMouseOver="status='«ö¤U¦¹¶WÃìµ²·|«e©¹¤p»xªººô¯¸';return true">³Â»¶¾Ç¶é</a>
  5. </BODY>
  6. </HTML>
½Æ»s¥N½X

  • µ{¦¡½X¤¤ªº²Ä¥|¦æ¡G¡ystatus=¡¦«ö¤U¦¹¶WÃìµ²·|«e©¹¤p»xªººô¯¸¡¦¡z¡A¡ystatus¡z¬Owindowsª«¥óªº¤@­ÓÄÝ©Ê¡A¥NªíÂsÄýµøµ¡ªºª¬ºA¦C¡A¦Óµ¥¸¹¤§«áªº³æ¤Þ¸¹¤º¤å¦r«h¬°­n¥X²{¦bª¬ºA¦Cªº»¡©ú°T®§¡C
  • ¦bOnMouseOver¨Æ¥ó¤ºªºµ{¦¡½X¡G¡ystatus='«ö¤U¦¹¶WÃìµ²·|«e©¹¤p»xªººô¯¸'¡z»P¡yreturn true¡z¬O¨â¬q¿W¥ßªºµ{¦¡±Ô­z¡A¨ä¤¤¶¡¥H¡y¡F¡z¤À¸¹¹j¶}¡A¡yreturn true¡z³o¬qµ{¦¡±Ô­z¤@©w­n¼g¡A¤£µM¦bª¬ºA¦C¤W¬O¤£·|¥X²{¥ô¦ó°T®§ªº¡I


´£¥Ü¡I¡I
¦]¬°¡ystatus¡z¬Owindowsª«¥óªº¤@­ÓÄÝ©Ê¡A¦]¦¹¦bµ{¦¡¼¶¼g®É¡A¥ç¥i±N¡ystatus¡z§ï¼g¬°¡ywindow.status¡z¡C
¤ß¦w¡A¥­¦w   
µoªí¥ô¦óµL·N¸qªº·PÁ©ÎÄé¤ô¤å³¹¤@«ß¬å,¬Ã±¤±b¸¹,½Ð¸Ô¾\ª©³W!!

OnMouseOut¨Æ¥ó
·í§Ú­Ì§â·Æ¹««ü¼Ð±q¬Y¤@­Óºô­¶ª«¥ó²¾¶}®É¡A±N·|¤ÞµoOnMouseOut¨Æ¥ó¡I
  1. OnMouseOut"JavaScriptµ{¦¡±Ô­z©Î©I¥s¨ç¦¡";
½Æ»s¥N½X
OnMouseOut¨Æ¥ó±`»POnMouseOver¨Æ¥ó¤@°_¨Ï¥Î¡A¨Ò¦p¦b¤W¤@¤p¸`ªº¹ê§@¾Ç²ß¤¤¡A·í§Ú­Ì±N·Æ¹««ü¼Ð²¾¦Ü¶WÃìµ²¤W®É¡A¦bª¬ºA¦C¤W·|¥X²{»¡©ú°T®§¡A¦ý¬O·í§Ú­Ì·Æ¹««ü¼Ð²¾¥X¶WÃìµ²®É¡Aª¬ºA¦C¤Wªº»¡©ú°T®§«o¤£·|®ø¥¢¡I

1.png

©Ò¥H¡A§Ú­Ì¥i¥H¦A¥[¤WOnMouseOut¨Æ¥ó¡AÅý·Æ¹««ü¼Ð²¾¥X¶WÃìµ²®É¡Aª¬ºA¦C¤Wªº»¡©ú°T®§®ø¥¢¡I
  1. <HTML>
  2. <HEAD><TITLE>Ãìµ²»¡©ú</TITLE></HEAD>
  3. <BODY>
  4. <a href="http://www.twbts.com" onMouseOver="status='«ö¤U¦¹¶WÃìµ²·|«e©¹¤p»xªººô¯¸';return true" OnMouseOut="status=''">³Â»¶¾Ç¶é</a>
  5. </BODY>
  6. </HTML>
½Æ»s¥N½X
¤ß¦w¡A¥­¦w   
µoªí¥ô¦óµL·N¸qªº·PÁ©ÎÄé¤ô¤å³¹¤@«ß¬å,¬Ã±¤±b¸¹,½Ð¸Ô¾\ª©³W!!

TOP

OnClick ¨Æ¥ó
·í§Ú­Ì§â·Æ¹««ü¼Ð±q¬Y¤@­Óºô­¶ª«¥ó²¾¶}®É¡A±N·|¤ÞµoOnClick¨Æ¥ó¡I¤§«e§Ú­Ì»¡¹L¡A¨Æ¥ó±±¨î¬O©ñ©óHTML¼ÐÅÒ¤¤¡A¦ý³o¨Ã¤£¬O»¡©Ò¦³ªºHTML¼ÐÅÒ¤º³£¥i¥H©ñ¸m¨Æ¥ó±±¨î¾¹¡C¹³OnClick¨Æ¥ó´N¥u¯àµo¥Í©ó·íÂsÄýªÌ«ö¤Uªí³æ«ö¶s¡BÂI¿ïªí³æ¤¸¥ó¡A©Î¬O«ö¤U¶WÃìµ²®É¡C
  1. OnClick"JavaScriptµ{¦¡±Ô­z©Î©I¥s¨ç¦¡";
½Æ»s¥N½X
¹ê§@¾Ç²ß
¼¶¼g¤@JavaScriptµ{¦¡¡A¦bºô­¶¤¤§G¸m¤T­Ó«ö¶sÅýÂsÄýªÌÂI¿ï¡A¨Ã±N¨Ï¥ÎªÌªº¿ï¾Üµ²ªG¥H°T®§µøµ¡§iª¾¡G
  1. <HTML>
  2. <HEAD><TITLE>OnClick¨Æ¥ó</TITLE></HEAD>
  3. <BODY>
  4. <script language="JavaScript">
  5. function mycolor(newcolor)
  6. {
  7. alert("§A³ßÅwªºÃC¦â¬O"+newcolor);
  8. }
  9. </script>
  10. §A³ßÅwªºÃC¦â¬O¡G
  11. <form>
  12. <input type="button" value="¶Â¦â" onclick="mycolor('¶Â¦â')">
  13. <input type="button" value="¬õ¦â" onclick="mycolor('¬õ¦â')">
  14. <input type="button" value="ÂŦâ" onclick="mycolor('ÂŦâ')">
  15. </form>
  16. </BODY>
  17. </HTML>
½Æ»s¥N½X
¥»½d¨Ò¤£¦A±N¨Æ¥ó³B²z¾¹©Ò­n°õ¦æªºJavaScriptµ{¦¡±Ô­zª½±µ¼¶¼g¦bHTML¼ÐÅÒ¤º¡A¦Ó§ï±Ä©I¥s¨ç¦¡ªº¤è¦¡¡A¨Æ¥ó³B²z¾¹©Ò­n°õ¦æªºJavaScriptµ{¦¡±Ô­z¥u¬O©I¥s¤@­Ó§Ú­Ì¤w¸g¹w¥ý¼¶¼g¦nªº¨ç¦¡(µ{¦¡½X²Ä4¦æ¦Ü²Ä9¦æ)¡I
¤ß¦w¡A¥­¦w   
µoªí¥ô¦óµL·N¸qªº·PÁ©ÎÄé¤ô¤å³¹¤@«ß¬å,¬Ã±¤±b¸¹,½Ð¸Ô¾\ª©³W!!

TOP

        ÀR«ä¦Û¦b : ¬°¤H³B¥@­n¤p¤ß²Ó¤ß¡A¦ý¤£­n¡u¤p¤ß²´¡v¡C
ªð¦^¦Cªí ¤W¤@¥DÃD