回答編集履歴

1 追記

Lhankor_Mhy

Lhankor_Mhy score 11299

2017/08/18 09:45  投稿

とりあえず基本的なところは↓参考にしてみてください。
[初心者でも分かる!モーダルウィンドウの作り方](https://syncer.jp/jquery-modal-window)
表示位置の調整については、`event.screenX`などの座標を参照するといいかと思います。
表示位置の調整については、`event.screenX`などの座標を参照するといいかと思います。
### 追記
jQueryを使わない書き方については↓が参考になるかと思います。
[もうjQueryには頼らない!素のJavaScriptでDOMを操作するための基礎知識 - WPJ](https://www.webprofessional.jp/dom-manipulation-vanilla-javascript-no-jquery/)

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る