Question

How can I print all information e.g. for the Mouseevent object in Dojo. I tried this:

myObject = {
    id: "myObject", onClick: function(evt) {
    dojo.byId("objectPrint").innerHTML = dojo.toJson(evt);
    }
};

I have a div container that has the id objectPrint. But it doesn’t work.

Answer 1

Perhaps you should use innerText instead of innerHTML which expects a text string in valid HTML format? Yours is not valid HTML — it is JSON.

For FireFox, you’ll need to use textContent.

DOM event objects contain the target property which points to a DOM node. dojo.toJson() is used to serialize a JavaScript hash object, and you can’t use it to serialize a DOM node.

You probably should be building your own hash object for dojo.toJson() in order to look at the event object:

... = dojo.toJson({ 
             target: evt.target.id, 
             clientX: evt.clientX, 
             clientY: evt.clientY,
                 :
      });

However, this is a very convoluted way of doint it. Better to use console.log.