マウスが DIV_javascript スキルの領域内にあるかどうかを判断する方法

私は今日この問題を勉強し、知識を広めました。

方法 1:

マウスオーバーとマウスアウトを通じてイベントをトリガーし、マウスが領域内にあるかどうかを判断します。 ただし、このメソッドの制限は、mouseover、mouseout、または Mouseleave イベントをトリガーする必要があることです。

コードをコピー コードは次のとおりです。

function chkIn()
{
div_1 .innerText = "マウスをレイヤー内に移動します!";
div_1.style.font = "通常の黒";
}
function chkOut()
{
div_1.innerText = "マウスをレイヤーの外に移動します!";
div_1.style.font = "太字の赤";
}

コードをコピーします コードは次のとおりです。

onMouseOver="chkIn()" onMouseOut="chkOut()">これは DIV

方法 2:

コードをコピー コードは次のとおりです:

function 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> if(x> obj.offsetLeft
.clientWidth)
offsettop
🎜> str = '＆lt;マウスは層の範囲外です'＆gt;


この方法は最も簡単で実用的です。




コードをコピー

コードは次のとおりです。if(myDiv.contains(window.event) .srcElement) )

つまり if(myDiv.contains(マウス位置の要素オブジェクト))

具体的な状況は依然としてユーザー自身のニーズによって異なります。私は方法 3 をデバッグしましたが、特に使用しませんでした。 他の方法はまだ研究中です。