CSS pointer-events thuộc性能

คำหมายและวิธีใช้

คุณสมบัติ pointer-events กำหนดว่าองค์ประกอบจะตอบสนองต่อเหตุการณ์แสงนาฬิกาหรือไม่。

ตัวอย่าง

ตั้งค่าว่าองค์ประกอบจะตอบสนองต่อเหตุการณ์แสงนาฬิกาหรือไม่:

div.ex1 {
  pointer-events: none;
}
div.ex2 {
  pointer-events: auto;
}

ลองด้วยตัวเอง

การเขียนภาษา CSS

pointer-events: auto|none;

ค่าคุณสมบัติ

ค่า คำอธิบาย
auto ค่าเริ่มต้น。องค์ประกอบตอบสนองต่อเหตุการณ์แสงนาฬิกา เช่น :hover และ click。
none องค์ประกอบไม่ตอบสนองต่อเหตุการณ์แสงนาฬิกา。
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้นของมัน。ดูเพิ่มเติมที่: initial。
inherit สืบทอดคุณสมบัตินี้จากตัวอนุญาตพ่อของตัวนี้。ดูเพิ่มเติมที่: inherit。

รายละเอียดเทคนิค

ค่าเริ่มต้น: auto
การสืบทอด: ใช่
การสร้างแอนิเมชัน: ไม่สนับสนุน。ดูเพิ่มเติมที่:คุณสมบัติที่เกี่ยวกับแอนิเมชัน。
เวอร์ชัน: CSS3
การเขียนภาษา JavaScript: object.style.pointerEvents="none"

การสนับสนุนเบราเซอร์

ตัวเลขในตารางชี้ว่าเวอร์ชันเบราเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。

Chrome IE / Edge Firefox Safari Opera
2.0 11.0 3.6 4.0 9.0