javascript - Web ページに表示される HTML 段落に画像アイコンを重ねることができません

Question

マウス ボタンのクリックで HTML ページに画像を挿入しようとしています。このイメージは、付箋を開くためのタグを示しています。マウスの呪いの場所に画像を挿入する方法を理解できました。ただし、HTML ページのどこにでも画像を挿入できるかどうかはわかりません。この画像を段落に重ねることはできますか? 助けてください！

Answer 1

.overlay_img {
   position: absolute;
   z-index: 9999;
}

$('body').on('click', function(e) {
  $(this).append($('<img/>', {
                      className: 'overlay_img'
                      style: 'left: '+ e.pageX +'px; top: '+ e.pageY +'px',
                      src: 'SOMETHING',
                      alt: 'SOMETHING'
                   })
                );
});

次のものも使用できます。

$('body').on('click', function(e) {
   $(this).append('<img src="" class="something" alt="some" style="left: '+ e.pageX +'px; top: '+ e.pageY +'px"/>');
});

たとえば、画像を に追加しbodyます。任意のターゲットに追加できます。