js는 이벤트를 사용하여 객체 actions_javascript 기술을 트리거합니다.

W3C 표준을 배우면서 코드에 있어서 특이한 점을 개발한 것 같습니다. 균일하게 재사용할 수 있다면 프런트 엔드 페이지 코드가 훨씬 더 깔끔하게 보일 것입니다. 효율성은 선형적으로 증가합니다.

코드 복사 코드는 다음과 같습니다. //마우스로 트리거되는 이벤트 범위 정의 function findOutDiv(thisEvent){ //루프를 사용하여 객체 찾기 CSS 스타일 이름과 일치 while(thisEvent.className! = "piccell"){ //이 개체의 태그 이름이 HTML인 경우 중지하고 이벤트 개체가 존재하지 않도록 하고 다음 용도로 사용합니다. 후속 판단 if(thisEvent.tagName == "HTML"){ thisEvent = false; break }else{ // 그렇지 않은 경우 다음 개체로 계속 진행합니다. 상위 개체 thisEvent = thisEvent.parentNode 🎜>//이벤트 객체를 반환하고, 이벤트 객체가 없으면 false를 반환 return thisEvent } //마우스 사용; 객체의 속성을 시간 트리거 동작으로 이동 document.onmouseover = function(e ){ //이것은 이벤트 트리거 객체를 캡처하는 FireFox의 방법입니다 if(!e)e = window.event;//마우스로 트리거된 개체의 엔터티에 대한 이벤트 정의, 즉 표준 및 제어 가능한 개체를 준수합니다. //target은 FF에만 해당되고, srcElement는 IE에만 해당됩니다. 🎜> var Event = e.target?e.target:e.srcElement //제어 가능한 객체 정의 및 마우스 트리거 이벤트 호출 범위에서 반환된 객체 var thisEvent = findOutDiv(Event) // 객체가 존재하는 경우 계속 if(thisEvent){ //객체에 대한 CSS 스타일 정의 thisEvent.style. border = "2px solid #7A99D2" thisEvent.style.Background = "#D2E4FC"; } } //위와 동일하게, 시간 트리거 동작으로 마우스를 사용하여 객체 밖으로 이동합니다 document.onmouseout = function(e){ if(!e)e = window.event; var Event = e.target?e.target:e.srcElement var thisEvent = findOutDiv(Event) if(thisEvent){ thisEvent.style.border = "2px solid #CCC"; thisEvent.style.ground = "#FFF" } } / --> ;/script>

이런 방식으로 작성하면 각 개체에서 작업을 실행하는 동작을 작성할 필요가 없으므로 코드와 JS가 더 가독성이 높아집니다. > 일정 기간 후에 개인화된 페이지를 게시하여 모든 사람이 이벤트를 사용하여 개체 작업을 실행하는 이점을 볼 수 있도록 할 것입니다. GOOGLE 및 Microsoft LIVE의 개인화된 페이지는 매우 잘 작성되어 누구나 코드를 배울 수 있습니다. , 이는 향후 AJAX 애플리케이션에 큰 도움이 될 것입니다.