javascript - ブラウザ ウィンドウの下部付近をマウスでクリックすると、div の右下隅が表示されます

Question

そのため、次を使用して、マウスのクリック位置に対する div の左上隅を表示しています。クリックがブラウザの下部にある場合、どうすれば考慮できますか?

これで、div が画面外に表示されますが、さらに下にスクロールして div を表示できます。それは機能しますが、ブラウザ画面のどこをクリックしてもdiv全体を表示できるほどスマートにしたいと思います。

これは私がこれまでに学んだことです：

 div1.style.top =  (event.clientY + self.pageYOffset) + 'px';
 div1.style.left = (event.clientX + self.pageXOffset) + 'px';

Answer 1

「DOM要素が現在のビューポートに表示されているかどうかを確認する方法は?」に関するDanの回答をご覧ください。. 彼は、要素がまだユーザーに表示されているかどうかを確認するいくつかの方法について説明しています。

あなたの場合、これは、div表示されるものが表示されるかどうかを確認できることを意味します。または、そうでない場合は、カーソル位置の上部/左側にスワップします（およびvis-à-vis）。