วันนี้มาบันทึกปุ่มเมาส์ที่ถูกต้องของ JS และย่อยสลายหลักการการใช้งานครั้งแรก:
1. บล็อกเหตุการณ์เริ่มต้นคลิกขวา; (ฉันคิดว่าสิ่งที่ฉันแก้ไขคือเหตุการณ์เริ่มต้น)
2. ซ่อนตัวจาก UL; (ฉันเคยคิดว่านี่เป็นสิ่งที่คู่ควรกับ Div, เหงื่อ)
3. การตอบกลับไปทางขวาของเมาส์และแสดง UL ที่ซ่อนอยู่
4. หลังจากคลิกเมาส์อีกครั้ง UL จะถูกซ่อนอีกครั้ง
จากมุมมองนี้มันง่ายกว่ามากหรือไม่? ก่อนอื่นใส่รหัส:
ส่วน HTML
<ul id = "testright"> <li> <a href = "#"> เริ่มต้น </a> </li> <li> <a href = "#"> หยุดชั่วคราว </a> </li> <li> <a href = "#"> นมัสการ </a> </li>
JavaScript Part:
window.onload = function () {var forright = document.getElementById ("testright"); // รับวัตถุตอนนี้ฉันคุ้นเคยกับ forright.style.display = "ไม่มี"; var title = forright.getElementsByTagname ("li"); สำหรับ (var i = 0; i <title.length; i ++) {title [i] .onmouseover = function () {this.className = "active"; // ในความเป็นจริงเรายังสามารถเรียกเหตุการณ์อื่น ๆ ได้ที่นี่}; Title [i] .onMouseOut = function () {// นี่เป็นสองเหตุการณ์ของเมาส์ this.className = ""; - } document.oncontextMenu = ฟังก์ชั่น (เหตุการณ์) {// นี่คือจุดสำคัญของการใช้งาน var event = เหตุการณ์ || window.event; // นี่ไม่ใช่ปัญหาสำหรับ Forright.style.display = "block"; forright.style.left = event.clientx+"px"; forright.style.top = event.clienty+"px"; // พิกัดของเมาส์ส่งคืน false; // การส่งคืนเท็จที่นี่คือการบล็อกเหตุการณ์เริ่มต้น}; document.onclick = function () {// มันคือการเลียนแบบ forright.style.display = "none"; - -ก่อนอื่นให้ดูที่ส่วนที่สำคัญที่สุดของบันทึกวันนี้: หาก document.oncontextmenu เหตุการณ์ส่งคืนเท็จจะเป็นการบล็อกเหตุการณ์เริ่มต้น หากเราไม่เขียนสิ่งอื่นใดเราจะเขียนผลตอบแทนในเหตุการณ์นี้เท่านั้นราวกับว่าเป็นสิ่งต่อไปนี้
document.oncontextmenu = function () {return false; -ด้วยวิธีนี้จะไม่มีการตอบสนองจะปรากฏขึ้นหากคุณคลิกขวา จากนั้นกลับมาดูแอปพลิเคชันเหตุการณ์ทั้งหมด ดูเหมือนว่ายกเว้นเหตุการณ์นี้ส่วนที่เหลือเป็นเหตุการณ์ที่คุ้นเคยมากขึ้น แต่การรวมเหตุการณ์ประเภทนี้ขาดอยู่เสมอ กุญแจสำคัญคือการคิดถึงความคิดสร้างสรรค์ แต่ไม่ว่าจะมีมากเกินไปให้ทำมันก่อน แต่ฉันต้องการอ่านบทกวีสามพันบทอย่างระมัดระวังและฉันไม่ต้องการเขียนและถาม ท่าม้าท่าทางม้าท่าทางม้า ...