指针事件:无法在IE中工作

Question

我正在尝试禁用SharePoint 2013列表编辑页面中的超链接.我使用了内容编辑器webpart并将其放入pointer-events : none.它在Google Chrome上运行正常,但在IE中无效.有没有替代方案？我只想要CSS替代品.我的IE是版本10.

Answer 1

pointer-eventsIE 10 不支持，并且没有其他类似的 CSS 属性。

需要更改标记或使用脚本来解决该问题。

更新

这是使用脚本的示例。

我还设计了链接的样式，这样人们就看不到它们作为链接，实际上可以单独使用，因为如果有人随机单击文本并意外点击一个，它仍然可以。

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

更新2

实际上，这里有 2 篇文章，其中有多种方法可以完成此操作（尽管都是脚本，但只有一个），

• IE 的 css 'pointer-events' 属性替代方案
• 如何让 Internet Explorer 模拟指针事件：无？

这个答案不使用脚本。

根据评论更新3

要使用该属性，disabled='disabled'需要在服务器端添加它，以便锚点看起来像这样，<a href="link" disabled="disabled">Link</a>或者在客户端添加这样的脚本

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