Обеспечение совместимости браузера addEventListener с IE8 и ниже - PullRequest
Новая
       65

Обеспечение совместимости браузера addEventListener с IE8 и ниже

0 голосов
/ 31 января 2019

Я создаю скрипт для определения, поддерживает ли браузер html5-совместимость с функцией WebGL.У меня это работает нормально для определения IE 9 и 10, но в 8 и ниже, кнопка не работает.На этом сайте я исследовал, что мне нужно использовать attachEvent против addEventListener для IE 8 и ниже, но добавление в операторы if / else, которые я видел на этом сайте, делает мою кнопку неработающей в любом браузере.Я знаю, что у меня неправильный синтаксис.Любая помощь приветствуется.Мой код включен.-Шон 

<!DOCTYPE html>
<html>
<body>


<button id= "button1">PRS PST</button>
<script>

// Run everything inside window load event handler, to make sure
// DOM is fully loaded and styled before trying to manipulate it.

window.addEventListener("load", function() { 
  var paragraph = document.getElementById("test"),
    button = document.getElementById("button1");
  // Adding click event handler to button.
  button.addEventListener("click", detectWebGLContext, false);
  function detectWebGLContext () {
    // Create canvas element. The canvas is not added to the
    // document itself, so it is never displayed in the
    // browser window.
    var canvas = document.createElement("canvas");
    // Get WebGLRenderingContext from canvas element.
    var gl = canvas.getContext("webgl")
      || canvas.getContext("experimental-webgl");
    // Report the result.
    if (gl && gl instanceof WebGLRenderingContext) {
      window.open("http://modsim01.icfconsulting.com/PUBLIC/PRS/prs-pst-raw-iwlpf923/index.html",'_blank', 'location=yes,resizable=yes,height=570,width=520,scrollbars=yes,status=yes');
    } else {
      window.open("http://modsim01.icfconsulting.com/PUBLIC/PRS/PDFLInks.html",'_blank', 'location=yes,resizable=yes,height=570,width=520,scrollbars=yes,status=yes');
    }
  }
}, false);


</script>


</body>
</html>`
...