pointer-events: none không hoạt động trong IE

Question

Tôi đang cố vô hiệu hóa các siêu kết nối trong trang danh sách SharePoint 2013 của tôi. Tôi đã sử dụng một trình soạn thảo nội dung webpart và đặt pointer-events : none. Nó hoạt động tốt trên Google Chrome nhưng không hoạt động trong IE. Có cách nào khác không? Tôi chỉ muốn thay thế CSS. IE của tôi là phiên bản 10.

Answer 1

pointer-events không được hỗ trợ trong IE 10 và không có thuộc tính CSS tương tự khác.

Có thể cần thay đổi đánh dấu hoặc sử dụng tập lệnh để giải quyết điều đó.

Cập nhật

Đây là một mẫu sử dụng kịch bản.

Tôi cũng tạo kiểu liên kết để người dùng không thể xem chúng dưới dạng liên kết, điều này thực sự có thể được sử dụng một mình, dựa trên việc ai đó nhấp chuột ngẫu nhiên vào văn bản và vô tình chạm vào văn bản.

Array.prototype.slice.call(document.querySelectorAll("a")).forEach(function(link) { 
 
    link.addEventListener("click", function(e) { 
 
    e.preventDefault(); 
 
    }); 
 
});

a { 
 
    cursor: text; 
 
    text-decoration: none; 
 
    color: inherit; 
 
}

Some text with <a href="http://stackoverflow.com"> a link </a> to click on

Cập nhật 2

Đây thực sự là 2 bài viết mà có một vài cách làm thế nào điều này có thể được thực hiện (tất cả các kịch bản dù nhưng một),

• css 'pointer-events' property alternative for IE
• How to make Internet Explorer emulate pointer-events:none?

nơi this answer không sử dụng tập lệnh.

---

Cập nhật 3 dựa trên nhận xét

Để sử dụng thuộc tính disabled='disabled' một hoặc cần thêm nó phía máy chủ để neo trông như thế này, <a href="link" disabled="disabled">Link</a>, hoặc phía khách hàng với một kịch bản như

này

Array.prototype.slice.call(document.querySelectorAll("a")).forEach(function(link) { 
 

 
    link.setAttribute('disabled', 'disabled'); 
 

 
});

/* 
 
a { 
 
    cursor: text; 
 
    text-decoration: none; 
 
    color: inherit; 
 
} 
 
*/

Some text with <a href="http://stackoverflow.com"> a link </a> to click on