Thuộc tính pointer-events của CSS

Định nghĩa và cách sử dụng

Thuộc tính pointer-events định nghĩa phần tử có phản hồi với sự kiện con trỏ.

Mô hình

Đặt phần tử có phản hồi với sự kiện con trỏ:

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

Thử ngay

Cú pháp CSS

pointer-events: auto|none;

Giá trị thuộc tính

Giá trị Mô tả
auto Giá trị mặc định. Element phản hồi với sự kiện con trỏ, chẳng hạn như :hover và click.
none Element không phản hồi với sự kiện con trỏ.
initial Đặt thuộc tính này thành giá trị mặc định. Xem thêm initial.
inherit Thuộc tính này được kế thừa từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: auto
Kế thừa: Có
Tạo animation: Không hỗ trợ. Xem thêm:Thuộc tính liên quan đến animation.
Phiên bản: CSS3
Cú pháp JavaScript: object.style.pointerEvents="none"

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

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