0

私が取り組んでいるプロジェクトでは、ノード変数を使用して、マウスがホバリングしている要素と要素の部分を見つけるように指示されました。

ノード変数とは何ですか？それを使用して上記を実現するにはどうすればよいですか？

私がやろうとしていることの例または例は、それが役立つ場合は、マウスがどの要素にあるか、または可能であれば要素のどの部分にあるかを調べることです。つまり、マウスが<p>htmlドキュメント内のにカーソルを合わせている場合、それを知りたいのですが、可能であれば<p>、マウス内のテキストが何を言っているのかを正確に知りたいのです。ええと、私は単語を知る必要はありません。CSSスタイルを適用できるように単語を変数に格納したいだけです。

私はこれについてのすべての助けに本当に感謝しています。

前もって感謝します！

4

3 に答える 3

1

event.targetイベントのターゲットを返すことを試すことができます。

イベントを開始したDOM要素。

$('body').on("mouseover", function(e){
   $(e.target).addClass('hovered');
   alert($(e.target).text())
})

デモ

于 2012-07-11T18:04:34.440 に答える
0

ノード変数は、DOMノードを格納する変数です。これを使用するには、マウス追跡イベントハンドラーを作成し、これらのイベントが発生したときにブラウザーから送信されるパラメーターを処理します。これらのパラメーターの1つは、イベントをトリガーした要素（ノード）です。

このリンクはあなたが始めるのを助けることができます：https ：//developer.mozilla.org/en/DOM/MouseEvent

于 2012-07-11T18:05:40.023 に答える
0

document.querySelector新しいブラウザを使用して、または新しいブラウザでノードを選択できますdocument.querySelectorAll。CSSスタイルのセレクターを使用すると、これらのメソッドはセレクターに一致するノードを返し、次のようなものを使用して変数に格納できます。

var node = document.querySelectorAll(".someClassName"); //finds all nodes having class "someClassName"

ノード上のマウスイベントを検出するには、addEventListener（MDNドキュメント）またはattachEventメソッドを使用して、イベントをリッスンする必要がありmouseoverます。プロジェクトで許可されている場合は、jQueryを使用して作業を楽にしてください。

于 2012-07-11T18:07:05.457 に答える