JavaScriptマウスイベント、マウスを右クリックして、DIVの簡単なインスタンスをポップアップします
document.oncontextmenu = function(){return false}; //右のマウスボタンメニューを禁止して、var res = document.getElementById( 'box')を表示します。 // div document.body.onmouseup = function(e){//ボディをクリックしてイベントをトリガーする場合(e.button === 2){//ボタン= 1(左マウスボタン)、ボタン= 2(右マウスボタン)、ボタン= 0(ミドルマウスボタン)コンソール(e); //渡されたパラメーターConsole.log(e.offsety)を印刷します。 // y軸座標console.log(e.offsetx)を印刷します。 //マウスクリックres.top = e.offsety+'px'のx軸座標を印刷します。 //マウスをクリックするときにdivのy軸を配置しますstyle.left = e.offsetx+'px'; //マウスをクリックするときにdivのx軸を配置しますstyle.display = 'block'; // divボックスを表示} else {res.style.display = 'none'; //それ以外の場合、divボックスは表示されません}}上記のJavaScriptマウスイベント、マウスを右クリックし、ポップアップDIVの簡単な例は、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。