โพสต์ต่อไปนี้จะอธิบายวิธีใช้คุณสมบัติเหตุการณ์ตัวชี้ในโค้ดเพื่อปิดใช้งานลิงก์ในเอกสาร HTML
ปิดการใช้งานลิงค์โดยใช้ CSS
ไลบรารี CSS ใช้ร่วมกับภาษาอื่นๆ เช่น HTML ดังนั้น หากเอกสาร HTML มีลิงก์ไปยังหน้าเว็บอื่นโดยตรง คุณสมบัติ CSS pointer-event จะถูกใช้เพื่อปิดใช้งานลิงก์:
ตัวชี้เหตุการณ์ : ไม่มี ;
เคอร์เซอร์ : ค่าเริ่มต้น ;
จะใช้ pointer-evens Property ใน Code ได้อย่างไร?
คำสั่งสไตล์ CSS ที่เราจะเพิ่มคุณสมบัติตัวชี้เหตุการณ์เพื่อปิดใช้งานลิงก์ควรอ้างถึงคลาสที่มีลิงก์ ตัวอย่างเช่น ถ้าเรามีคลาสชื่อ 'ไม่ได้ใช้งาน' ซึ่งมีลิงก์:
< h1 > ปิดการใช้งานลิงค์โดยใช้ CSS < / h1 >< br >
< ข > ลิงค์: < / ข >
< ก href = 'https://www.google.com/' ระดับ = 'ไม่ทำงาน' > คลิกที่นี่ < / ก >
ในโค้ดข้างต้น ลิงก์ที่คลิกได้จะมีคลาส 'ไม่ได้ใช้งาน' ซึ่งจะใช้เพื่อเข้าถึงองค์ประกอบ HTML นี้
รหัสด้านบนสร้างผลลัพธ์ต่อไปนี้:
การคลิกลิงก์จะนำผู้ใช้ไปยังเครื่องมือค้นหาของ Google:
คุณสมบัติตัวชี้เหตุการณ์
- ภายในองค์ประกอบสไตล์ CSS เขียนคุณสมบัติเหตุการณ์ตัวชี้ ( ตัวชี้เหตุการณ์: ไม่มี ) ในขณะที่อ้างถึงคลาส (ไม่ได้ใช้งาน) ที่มีลิงก์ที่ควรปิดใช้งาน
- ตั้งเคอร์เซอร์เป็นตัวเลือกใดๆ เช่น ค่าเริ่มต้น ไม่มี ตัวชี้ ฯลฯ
.ไม่ทำงาน {
ตัวชี้เหตุการณ์ : ไม่มี ;
เคอร์เซอร์ : ค่าเริ่มต้น ;
}
>
หลังจากดำเนินการโค้ดแล้ว จะไม่มีการเปลี่ยนแปลงในการแสดงกราฟิกของลิงก์จากภายนอก แต่เมื่อผู้ใช้คลิก จะไม่ดำเนินการใดๆ:
นี่เป็นวิธีที่ง่ายที่สุดในการปิดใช้งานลิงก์ในโค้ดโดยใช้คำสั่ง CSS
บทสรุป
ลิงก์ที่นำผู้ใช้ไปยังหน้าเว็บอื่นสามารถปิดใช้งานได้ง่ายผ่านคุณสมบัติ 'ตัวชี้เหตุการณ์: ไม่มี' ของ CSS สิ่งนี้ไม่ต้องการการเปลี่ยนแปลงใด ๆ กับตรรกะของรหัสหรือคลาสที่สร้างลิงก์ จำเป็นต้องมีคุณสมบัติเหตุการณ์พอยน์เตอร์อย่างง่ายในองค์ประกอบสไตล์ที่อ้างถึงคลาสที่มีลิงก์