MouseClick event on FireFox

[shaharyar.ahmed]

Mouse click event is not working on Mozilla FireFox. It is not picking any mesh. But if I click on empty area it raises the event.

 

It's working fine on Chrome and Internet explorer 11.

 

 

Code:

 

renderCanvas.addEventListener("click", function (evt) {// We try to pick an objectvar pickResult = newScene.pick(evt.offsetX, evt.offsetY);// if the click hits the ground object, we change the impact positionif (pickResult.hit) {document.getElementById('status').innerHTML = pickResult.pickedMesh.name;}elsedocument.getElementById('status').innerHTML = 'Nothing Selected';});

You can check it here

[shaharyar.ahmed]

I mistakenly created this topic. How to delete it?

[Nico]

Hi, you can try this :

renderCanvas.addEventListener("click", function (evt) {    //offsetX/Y are not implemented on FireFox    var offsetX = (e.offsetX || e.clientX - $(e.target).offset().left + window.pageXOffset );    var offsetY = (e.offsetY || e.clientY - $(e.target).offset().top + window.pageYOffset );        var pickResult = newScene.pick(offsetX, offsetY);    // if the click hits the ground object, we change the impact position    if (pickResult.hit) {        document.getElementById('status').innerHTML = pickResult.pickedMesh.name;    }    else        document.getElementById('status').innerHTML = 'Nothing Selected';});

I've found this trick by quickly searching on Google, on this topic : http://stackoverflow.com/questions/11334452/event-offsetx-in-firefox