Click test

by Anupama

HTML

<div id="cont" class="scaleUp"></div>
<div id="result"></div>

CSS

#cont {
    width: 100px;
    height: 100px;
    background-color: #ccc;
}
.scaleUp {
    -webkit-transform: scale(2);
    transform: scale(2);
}

JavaScript

var contElem = document.getElementById("cont"),
    resultElem = document.getElementById("result");

var print = function(message) {
    resultElem.innerHTML += "<br/>" + message;
};
contElem.addEventListener("click", function() {
    print("click event received");
});
contElem.addEventListener("touchstart", function() {
    print("touchstart received");
});
contElem.addEventListener("touchend", function() {
    print("touchend received");
});
window.addEventListener("message", function(e){
    print("received message : "+e.data);
})