html - イベントを発生させたフィールドに関連する div ポップアップ

Question

ポップアップを画面の中央に配置する方法について多くの質問がありますが、JavaScript をトリガーしたフィールドの隣の場所に移動しdivたいと思います。絶対 div のスタイルでイベント内div popupのフィールドの位置を参照するにはどうすればよいですか?onclick

'this'関数に object を渡してのleftandtopを変更するabsolute/relative divことはできますが、'を使用して位置this'に影響を与えるにはどうすればよいでしょうか?div

次のようなことを試してみませんか

div.style = "top:this.top";

???

score 0 · Accepted Answer

jQueryを使用している場合は、試すことができます

 var pos = $(this).position();
 $("div#divid").css('top',pos.top).css('left',pos.left);

ストレートなJavaScriptを使いたい場合は、試してみてください

var div = document.getElementById("divid");
div.style.top = this.offsetTop;
div.style.left = this.offsetLeft;

jQuery に .position または .offset を使用するか、javascript に offsetTop/Left clientTop/left を使用するかは、両方の要素が同じ親を持つかどうかによって異なります。

jQuery を使用した簡単なデモ: jsfiddle

1 に答える 1