css - pointer-events: none が IE で動作しない

Question

SharePoint 2013 リスト編集ページでハイパーリンクを無効にしようとしています。コンテンツ エディターの Web パーツを使用して、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つの投稿で、これを行う方法がいくつかあります（すべてスクリプトですが、1つだけです）。

• IE の CSS 'pointer-events' プロパティの代替
• Internet Explorer でポインタ イベントをエミュレートする方法:none?

この回答ではスクリプトを使用していません。

---

コメントに基づいて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