cssのDIVとjavascriptの中の事件

display:noneとvisibility:hidden;違いはdisplay:noneが要素の表示を完全にキャンセルすることです.
Visibility:hiddenは要素の位置を維持しますが、視覚的な内容は表示されません.
たとえば、3の2番目のセグメントがdisplay:noneに設定されている場合、1番目のセグメントは3番目のセグメントにのみ続きます.
visibility:hiddenに設定すると、段落間が空きます.

<div id="mydiv" style="position:absolute;width:200px; height:80px; border:1px solid #000; margin:10px; background:#ccc;display:none" ></div>

ClientX、clientY、offsetX、offsetY、screenX、screenY、x、yの違いは何ですか?ClientX、clientYはマウスの現在のページに対する位置であり、マウスがページの左上隅にあるときclientX=0、clientY=0である.offsetX、offsetYは、現在のマウスのページ内の領域に対する位置であり、マウスがページ内の領域の左上隅にある場合、offsetX=0、offsetY=0である.screenX、screenYはユーザディスプレイに対する位置x、yはマウスの現在の現在のブラウザに対する位置