ホームページ  >  記事  >  ウェブフロントエンド  >  マウスが DIV_javascript スキルの領域内にあるかどうかを判断する方法

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

WBOY
WBOYオリジナル
2016-05-16 17:15:501800ブラウズ

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

方法 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 = '<マウスは層の範囲外です'>


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




コードをコピー

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

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

具体的な状況は依然としてユーザー自身のニーズによって異なります。私は方法 3 をデバッグしましたが、特に使用しませんでした。 他の方法はまだ研究中です。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。