W3C 표준을 배우면서 코드에 있어서 특이한 점을 개발한 것 같습니다. 균일하게 재사용할 수 있다면 프런트 엔드 페이지 코드가 훨씬 더 깔끔하게 보일 것입니다. 효율성은 선형적으로 증가합니다. 코드 복사 코드는 다음과 같습니다. <br><!-- <BR>//마우스로 트리거되는 이벤트 범위 정의<BR>function findOutDiv(thisEvent){ <BR>//루프를 사용하여 객체 찾기 CSS 스타일 이름과 일치<BR> while(thisEvent.className! = "piccell"){ <BR>//이 개체의 태그 이름이 HTML인 경우 중지하고 이벤트 개체가 존재하지 않도록 하고 다음 용도로 사용합니다. 후속 판단 <BR> if(thisEvent.tagName == "HTML"){ <BR> thisEvent = false; <BR> break <BR> }else{ <BR>// 그렇지 않은 경우 다음 개체로 계속 진행합니다. 상위 개체 <BR> thisEvent = thisEvent.parentNode <BR> 🎜>//이벤트 객체를 반환하고, 이벤트 객체가 없으면 false를 반환 <BR> return thisEvent <BR>} <BR>//마우스 사용; 객체의 속성을 시간 트리거 동작으로 이동<BR>document.onmouseover = function(e ){ <BR>//이것은 이벤트 트리거 객체를 캡처하는 FireFox의 방법입니다<BR> if(!e)e = window.event;//마우스로 트리거된 개체의 엔터티에 대한 이벤트 정의, 즉 표준 및 제어 가능한 개체를 준수합니다. <BR>//target은 FF에만 해당되고, srcElement는 IE에만 해당됩니다. 🎜> var Event = e.target?e.target:e.srcElement <BR>//제어 가능한 객체 정의 및 마우스 트리거 이벤트 호출 범위에서 반환된 객체 <BR> var thisEvent = findOutDiv(Event) <BR>// 객체가 존재하는 경우 계속 <BR> if(thisEvent){ <BR>//객체에 대한 CSS 스타일 정의 <BR> thisEvent.style. border = "2px solid #7A99D2" <BR> thisEvent.style.Background = "#D2E4FC"; <BR> } <BR>} <BR>//위와 동일하게, 시간 트리거 동작으로 마우스를 사용하여 객체 밖으로 이동합니다<BR> document.onmouseout = function(e){ <BR> if(!e)e = window.event; <BR> var Event = e.target?e.target:e.srcElement <BR> var thisEvent = findOutDiv(Event) <BR> if(thisEvent){ <BR> thisEvent.style.border = "2px solid #CCC"; <BR> thisEvent.style.ground = "#FFF" <BR> } <BR>} <BR>/ --> ;/script><br><br><br>이런 방식으로 작성하면 각 개체에서 작업을 실행하는 동작을 작성할 필요가 없으므로 코드와 JS가 더 가독성이 높아집니다. > 일정 기간 후에 개인화된 페이지를 게시하여 모든 사람이 이벤트를 사용하여 개체 작업을 실행하는 이점을 볼 수 있도록 할 것입니다. <br>GOOGLE 및 Microsoft LIVE의 개인화된 페이지는 매우 잘 작성되어 누구나 코드를 배울 수 있습니다. , 이는 향후 AJAX 애플리케이션에 큰 도움이 될 것입니다.</div>