Binding Events to DOM Elements
Declare a DOM Element to bind to (using a selector)
var body = document.getElementsByTagName('body')[0];
We need to add a listener for events to an element
Mouse events
body.addEventListener('click', function(event) {
console.log(event);
console.log('ow, y u click me bro?');
});
Touch events
body.addEventListener('touchstart', function(event) {
// console.log(event);
// touchstart
// touchmove
// touchend
console.log('yo yo dude y u pokin me? wtf man');
});
Keyboard events
body.addEventListener('keyup', function(event) {
// look for specific keys to be pressed
if (event.keyCode == 13) {
console.log('y u press enter so much yo?');
}
console.log(event.keyCode);
});