오늘 이 문제를 연구하고 지식을 전파했습니다.
방법 1:
마우스 오버 및 마우스 아웃을 통해 이벤트를 트리거하여 마우스가 해당 영역에 있는지 확인합니다. 하지만 이 방법의 한계는 mouseover, mouseout 또는 mouseleave 이벤트를 트리거해야 알 수 있다는 것입니다.
function chkIn()
{
div_1 .innerText = "이제 마우스를 레이어로 이동합니다!";
div_1.style.font = "normal black";
}
function chkOut()
{
div_1.innerText = "이제 레이어 밖으로 마우스를 이동합니다!";
div_1.style.font = "굵은 빨간색";
}
onMouseOver="chkIn()" onMouseOut="chkOut()">DIV입니다
방법 2:
함수 checkIn(e){
var x=window.event.clientX;
var y=window.event.clientY;
var str= ' ';
for(i =0;i var obj=document.body.children[i];
if(x> obj.offsetLeft
.clientWidth)
> ~ >
방법 3:
이 방법이 가장 간단하고 실용적입니다.
코드 복사
코드는 다음과 같습니다.if(myDiv.contains(window.event .srcElement) )
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
