마우스가 DIV_javascript 스킬 영역 내에 있는지 확인하는 방법

오늘 이 문제를 연구하고 지식을 전파했습니다.

방법 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) )

즉, if(myDiv.contains(마우스 위치의 요소 개체)) 구체적인 상황은 여전히 ​​사용자의 필요에 따라 다릅니다. 방법 3을 디버깅했지만 구체적으로 사용하지는 않았습니다. 다른 방법은 아직 연구 중입니다.