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

时间:2016-03-09 07:17:14

标签: css internet-explorer pointer-events

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

1 个答案:

答案 0 :(得分:1)

IE 10中不支持

pointer-events,并且没有其他类似的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篇帖子,有几种方法可以做到这一点(所有脚本虽然只有一个),

其中this answer不使用脚本。

根据评论更新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