마우스 센터 이벤트는 한 번만 트리거됩니다. 트리거 객체는 등록 된 개체 또는 등록 된 객체의 자식 요소입니다.
마우스 오버 이벤트는 여러 번 트리거 될 수 있습니다. 트리거 객체는 등록 된 개체 또는 등록 된 객체의 자식 요소입니다.
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> 문서 </title> </head> <body> <p> 마우스 포인터가 선택한 요소를 통과하는지 여부에 관계없이 마우스 오버 이벤트가 트리거됩니다. </p> <p> 마우스 포인터가 선택한 요소를 통과 할 때만 마우스 센터 이벤트가 트리거됩니다. </p> <div style = "back Style = "Back var div1 = document.getElementsByClassName ( "Over") [0]; div1.addeventListener ( "마우스 오버", function () {var span = this.getElementsByTagName ( "span") [0] span.innerText = (x += 1); span.style.csstext = "테두리 : 2px 빨간색 고체;";}, false); var div2 = document.getElementsByClassName ( "Enter") [0]; div2.addeventListener ( "mouseEnter", function () {var span = this.getElementsByTagName ( "span") [0] span.innerText = (y += 1); span.style.csstext = "테두리 : 2px 빨간색 고체;";}, false); </script> </body> </html>위의 기사는 JQ의 마우스 오버와 마우스 센터의 차이점에 대해 간략하게 이야기합니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.