2013-01-05 5 views
5

私はstopid noobであることを前に私を許してください。IE10はクリックイベントを処理していません。ヘルプMSPointerを使用して

とにかく、私はIE10、 上の私のHTML5のゲームプレイを作成しようとしているが、それは私のクリックを検出していません。

は、だから私はこのビットを研究し、見つけることの代わりにこれが何を意味するのか理解する:

document.getElementById("answer1").addEventListener("click", wrong, false);

いくつかの安っぽい独自のコードを使用する必要がある場合。 私は愚かな人ですので、これを実装するには問題があります。 ここで

は、私は現在、

document.getElementById("answer1").addEventListener("click", wrong, false); 
    document.getElementById("answer2").addEventListener("click", wrong, false); 
    document.getElementById("answer3").addEventListener("click", wrong, false); 
    document.getElementById("answer4").addEventListener("click", wrong, false); 
    //Stupid IE10 Crap 
    if (window.navigator.msPointerEnabled) { 
     document.getElementById("answer1").addEventListener("MSPointerDown", wrong, false); 
     document.getElementById("answer2").addEventListener("MSPointerDown", wrong, false); 
     document.getElementById("answer3").addEventListener("MSPointerDown", wrong, false); 
     document.getElementById("answer4").addEventListener("MSPointerDown", wrong, false); 
    } 

私はIE10上のコードを実行すると、それはまだ私のマウスクリックを登録していない持っているものです。 何かが見つからない、または間違っているのですか?

私を支援してください。それは働いていなかった理由を

+0

あなたは、デモへのリンクを持っていますか? IEはクリックイベントをサポートしているので、MSPointerDownは必要ありません。 –

答えて

8

まあ、私にはありません。 まだ動作していません。

しかし、私は私が共有するだろうと思ったの回避策を見つけました。 ターゲットDIVのCSSに次の属性を追加しました。何らかの理由で

background-color:#FFFFFF; opacity:0;

、私はDIVSに背景色を与え、彼らが完全に透明にする場合は、 クリックすると登録します。

だから、私は今のところ、この問題を気に行っています。

私はこれが誰かを助けてくれることを願っています。これらの要素のそれぞれに

+3

WOW!それは私が聞いた中で最も完全にばかげた提案です。それでも、うまくいきました。なぜなら、JQueryのUI要素がIE9と10ではドラッグできない理由を解決するために、私は(さらに)時間を節約しています。共有のために多くのありがとう! –

+6

@ Donzo-私もこれに遭遇しました。しかし、 'opacity:0'を設定すると、divの*すべてが透明になります。あなたが望むものではないと考えてください。代わりに、background-color:rgba(255,255,255,0); 'のように背景色の中に*を設定してください。詳細については、[here](http://www.css3.info/introduction-opacity-rgba/)を参照してください。 – Yarin

3

、CSSスタイルを追加-ms-touch-action: none;

IE10は、それがデフォルトのブラウザの動作を維持しようとしないように、要素の上にあなたがポインタイベントが相互作用することを期待しているようです。

関連する問題