0

IE9 を除くほとんどのブラウザーで正常に動作する JavaScript の単純な関数がいくつかあります。Ie9 はカンマなどにうるさいと聞いたことがありますが、明らかな問題は見当たりません。あなたたちとギャルの誰かが何か光を当てることができますか? 以下の完全なコード

    <script type="text/javascript">

      document.addEventListener("DOMContentLoaded", load, false);


      function load() {
        //dom loaded


        var elUserId = document.getElementById("user_id"); 
        var elPasswordId = document.getElementById("password");
        var elLoginMsg = document.getElementById("usernameMsg");
        var elPasswordMsg = document.getElementById("passwordMsg");
        var elIncreaseFontSize = document.getElementById("increaseFont");
        var elResetFontSize = document.getElementById("resetFont");
        var elChangeContrast = document.getElementById("changeContrast");
        var elResetContrast = document.getElementById("resetContrast");
        var logInbox = document.getElementById("loginBox");
        var helpWithBB = document.getElementById("helpWithBB");
        var fontUp = '135%';
        var fontReset = '100%';
        var black = '#000000';
        var white = '#ffffff';
        var divReset ='415px';
        var divChange ='525px';
        var txtSizeChange ='40.5em';
        var txtReset ='42em';


        elLoginMsg.style.display ='none';
        elPasswordMsg.style.display = 'none';

        elPasswordId.addEventListener("focus", function(){
            showText(elPasswordMsg);
        }, false);

        elUserId.addEventListener("click", function(){
            showText(elLoginMsg);
        }, false);

        elResetFontSize.addEventListener("click", function(){
        //pass size change and element affected to be manipulated
        //resetTextSize(fontReset,logInbox,elPasswordMsg);
        changeTextSize(fontReset,logInbox,elPasswordMsg,divReset,txtReset);
        });

        elChangeContrast.addEventListener("click", function(){
        //pass size change and element affected to be manipulated
        changeContrast(logInbox, helpWithBB, black, white);
        });

        elResetContrast.addEventListener("click", function(){
        document.location.reload(true);
        });



        elIncreaseFontSize.addEventListener("click", function(){
        //pass size change and element affected to be manipulated
        changeTextSize(fontUp,logInbox,elPasswordMsg,divChange,txtSizeChange);
        });


        function changeContrast(mainDiv, secDiv, txtColor, bkColor){

        secDiv.style.background = bkColor;
        mainDiv.style.background = bkColor;

        showText(elPasswordMsg);
        showText(elLoginMsg);

        elLoginMsg.style.color = txtColor;
        elPasswordMsg.style.color = txtColor;

            var anchors = document.getElementsByTagName('a');
            for(var i = 0; i < anchors.length; i++) {
            anchors[i].style.color = txtColor;
            }

            var para = document.getElementsByTagName('p');
            for(var i = 0; i < anchors.length; i++) {
            para[i].style.color = txtColor;
            }
        }

        function changeTextSize(fontUp, elDiv, msg, divH, msgT){
        document.body.style.fontSize=fontUp;
        elDiv.style.height = divH;
        msg.style.top = msgT;
        }

        function showText(id){
            id.style.display ='block';
        }

      }

    </script>
4

1 に答える 1

0

useCapture一部の呼び出しで3 番目のパラメーター ( ) が欠落していますaddEventListener()が、それ以外は明らかに問題はありません。私は、Firefox がaddEventListener()3 番目のパラメーターなしで昨年サポートを開始したばかりであることを知っています。そのため、IE 9 がサポートしていない可能性があります。

アップデート

その理論はこれで終わりです。IE 9 では 2 つのパラメータで問題ないようです: http://jsfiddle.net/xZRy7/

于 2012-10-05T08:52:37.007 に答える