Please forgive me in advance for being a stoopid noob.

Anyway, I'm trying to make my html5 game play on IE10, but it's not detecting my clicks.

So I research this a bit and find out that instead of understanding what this means:

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

If have to use some crappy proprietary code. Because I am a stoopid noob, I am having problems implementing this.

Here is what I have currently

    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);
    }

When I run the code on ie10, it still doesn't register my mouse clicks. Am I missing something or doing something incorrectly?

Please assist me.

Please forgive me in advance for being a stoopid noob.

Anyway, I'm trying to make my html5 game play on IE10, but it's not detecting my clicks.

So I research this a bit and find out that instead of understanding what this means:

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

If have to use some crappy proprietary code. Because I am a stoopid noob, I am having problems implementing this.

Here is what I have currently

    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);
    }

When I run the code on ie10, it still doesn't register my mouse clicks. Am I missing something or doing something incorrectly?

Please assist me.

• javascript
• click
• internet-explorer-10
• handlers

• Do you have a link to a demo? IE does support click events, so you shouldn't need MSPointerDown. – David Storey Commented Jan 12, 2013 at 0:13

2 Answers 2

Well, I do not why it wasn't working. It's still not working.

But I found a workaround that I thought that I would share. I added the following attributes to CSS of the target DIVs.

background-color:#FFFFFF; opacity:0;

For some reason, if I give the DIVS a background color and make them totally transparent, the clicks register.

So, I'm done caring about this problem for now.

I hope this helps someone.

On each of those elements, add the css style -ms-touch-action: none;

IE10 seems to expect that on elements you want the Pointer events to interact with, so that it doesn't try to maintain default browser behavior.