javascriptÖÐʼþeventÏê½â
½Å±¾ÖеÄʼþÓÐ2ÖÖÄ£ÐÍ
1¡¢ ðÅÝÐÍʼþ£ºÊ¼þÊǰ´ÕÕ´Ó×îÌØ¶¨µÄÄ¿±êµ½×î²»ÌØ¶¨µÄʼþÄ¿±ê(document)µÄ˳ÐòÒÀ´Î´¥·¢¡£ÕâÊÇÕë¶Ô²»Í¬ÔªËصÄͬһʼþÀàÐÍ
È磺
<html onclick=”handleClick()”>
<head></head>
<body onclick=”handleClick()”>
<div onclick=”handleClick()”>
</body>
</html>
clickʼþµÄ´¥·¢Ë³ÐòΪdiv——>body——>document
΢ÈíµÄIE¾Í²ÉÓõÄÊÇðÅÝʼþÄ£ÐÍ
2¡¢ ²¶»ñÐÍʼþ£ººÍðÅÝʼþÏà·´£¬Ê¼þÊǰ´ÕÕ´Ó×î²»ÌØ¶¨µÄÄ¿±ê£¨document£©µ½×îÌØ¶¨µÄÄ¿±êµÄ˳ÐòÒÀ´Î´¥·¢¡£ÕâÊÇÕë¶Ô²»Í¬ÔªËصÄͬһʼþÀàÐÍ
ÈçÉÏÃæµÄʾÀý£¬handleClickʼþµÄ´¥·¢Ë³ÐòΪdocument——>body——>div
±ê×¼µÄDOM²ÉÓÃÁ½ÖÖʼþÄ£ÐÍ£¬¼ÈÓв¶»ñÐÍʼþ£¬ÓÖÓÐðÅÝÐÍʼþ£¬Óû§¿ÉÒÔ¸ù¾ÝÐèÇóÑ¡ÔñÏàÓ¦µÄʼþÄ£ÐÍ
ʼþ´¦Àíº¯ÊýµÄ°ó¶¨\Ð¶ÔØ£º
1¡¢ Õë¶ÔIE
[object].attachEvent(“name_of_event_handler”,fnhandler);
[object].detachEvent(“name_of_event_handler”,fnhandler);
È磺
var dom=document.getElementById(“div1”);
dom.attachEvent(“onclick”,handlerClick)
×¢Ò⣺һ¶¨ÒªÔÚʼþÀàÐÍǰ¼Óon
2¡¢ Õë¶Ô¼æÈÝDOMµÄä¯ÀÀÆ÷
[object].addEventListener(“name_of_event”,fnhandler,bCapture);
[object].removeEventListener(“name_of_event”,fnhandler,bCapture);
×¢Ò⣬µÚÈý¸ö²ÎÊýbCapture±êʾѡÔñµÄʼþÄ£ÐÍ£¬Îªtrue£¬Ñ¡Ôñ²¶»ñÐÍʼþÄ£ÐÍ£¬Îªfalse£¬Ñ¡ÔñðÅÝÐÍʼþÄ£ÐÍ
È磺
var dom =document.getElementById(“div1”);
dom.addEventListener(“click”,handleClick);
×èֹʼþµÄ´«µÝ£º
1¡¢ ×èֹʼþµÄĬÈÏÐÐΪ
ʼþµÄĬÈÏÐÐΪÊÇÖ¸Ò»Ð©ÔªËØ×ÔÉí°ó¶¨µÄʼþ´¦Àíº¯Êý£¬ÏñÊó±êÓÒ¼üʼþ£¬Îı¾¿òµÄÊäÈëʼþµÈ¡£
Èç¹ûÒª×èÖ¹Êó±êµÄÓÒ¼üʼþ£¬¿ÉÒÔ²ÉÓÃ
l IE
window.event.returnValue=false;
l DOM¼æÈݵÄä¯ÀÀÆ÷
oEvent.preventDefault(); //oEventÔÚDOMÖоÍÊÇʼþ¶ÔÏó
Á½Õß¼æÈݵķ½·¨
document.body.oncontextmenu=functi
Ïà¹ØÎĵµ£º
ʵÀýЧ¹û
Ô¤ÀÀЧ¹û1£º
ÕâÊÇÒ»¸öÑÕÉ«Ìݶȱ仯ÑÝʾ£º
Ô¤ÀÀЧ¹û2£º
Ò»¸öÑÕÉ«½¥±äµÄ²Ëµ¥£º
Cropper
Tween
Slider
Resize
Drag
Ô¤ÀÀЧ¹û3£º
ÑÕÉ«½¥±äµÄÓÐȤӦÓ㬵ã»÷Ëæ»úÑÕÉ«½¥±ä£º
µã»÷Ëæ»ú»»ÑÕÉ«
³ÌÐò˵Ã÷
¡¾ColorGradsÑÕÉ«Ìݶȡ¿
³ÌÐòColorGradsµÄ×÷ÓÃÊÇͨ¹ýStartColorºÍEndColorÉú³ÉÑÕÉ«Ìݶȼ¯ºÏ¡£
ÑÕÉ«¶¼¿ ......
±ê×¼µÄWeb ×é³ÉÓ¦¸Ã°üÀ¨3 ²¿·Ö£º½á¹¹¡¢ÐÐΪºÍ±íÏÖ¡£ÕâÖÖ˼Ïë×îÔçÔÚ΢ÈíÉè¼ÆµÄ
DHTMLÄ£ÐÍÖгõ²½Ìá³öÀ´£¬µ«ÊǺܲ»¹æ·¶£¬Ò²²»³Éϵͳ¡£ºóÀ´£¬W3C£¨World Wide Web
Consortium£¬ÍòÎ¬ÍøÁªÃË£©×éÖ¯¹æ·¶ÁËWeb µÄ¹¹³É¡£¸ù¾ÝW3C ÖÆ¶©µÄ±ê×¼£¬Web ±ê×¼²»
ÊÇijһ¸ö±ê×¼£¬¶øÊÇһϵÁбê×¼µÄ¼¯ºÏ¡£ÍêÕûµÄWeb Ó¦¸ÃÓÉÒÔÏÂ3 ²¿·Ö×é³É£º
½á ......
²ãµÄ¿ª·¢ÔÚʵ¼ÊÓ¦ÓÃÖбȽÏÖØÒª£¬±ÈÈçÆ¯¸¡¹ã¸æµÈµÈ£¬ÎÒÕâÀï¼òµ¥Ì½ÌÖһϡ£
1. ¿ØÖƲãµÄÏÔʾ»òÒþ²Ø
Á½ÖÖ°ì·¨£¬Æäʵ¶¼ÊÇ¿ØÖÆÑùʽµÄ¡£
°ì·¨Ò»£º¿ØÖÆ display ÊôÐÔ
<script language="javascript">
function show(status)
{
document.getElemen ......
/*
* To change this template, choose Tools | Templates
* and open the template in the editor
*/
var File = {
name:'',
path:'',
ext:'',
cfiles:[],
attributes:{
  ......