เหตุการณ์เมาส์ JavaScript คลิกขวาที่เมาส์และปรากฏอินสแตนซ์ง่ายๆของ Div
document.oncontextmenu = function () {return false}; // ห้ามเมนูปุ่มเมาส์ขวาเพื่อแสดง var res = document.getElementById ('box'); // ค้นหา Div Document.body.onmouseup = function (e) {// คลิกในร่างกายเพื่อเรียกเหตุการณ์ถ้า (e.button === 2) {// ถ้าปุ่ม = 1 (ปุ่มเมาส์ซ้าย) ปุ่ม = 2 (ปุ่มเมาส์ขวา) ปุ่ม = 0 (ปุ่มเมาส์กลาง) console.log (e); // พิมพ์พารามิเตอร์พารามิเตอร์ที่ผ่านเข้ามา (e.offsety); // พิมพ์คอนโซลพิกัด y-axis console.log (e.offsetx); // พิมพ์พิกัด X-Axis ของเมาส์คลิก res.style.top = e.offsety+'px'; // วางตำแหน่งแกน y สำหรับ div เมื่อคลิกที่เมาส์ res.style.left = e.offsetx+'px'; // วางตำแหน่งแกน x สำหรับ div เมื่อคลิกที่เมาส์ res.style.display = 'block'; // แสดงกล่อง div} else {res.style.display = 'none'; // มิฉะนั้นกล่อง div จะไม่แสดง}}เหตุการณ์เมาส์ JavaScript ด้านบนคลิกขวาที่เมาส์และตัวอย่างง่ายๆของ Div Pop-Up คือเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น