event test

by Yoshiharu Kamata

HTML

<div id="main"></div>
<button id="move">mousemove</button>
<div id="mousemove"></div>

CSS

#main {
    width: 300px;
    height: 300px;
    border: 1px solid black;
}

CoffeeScript

$main = $ "#main"
main = $main[0]

moveFunc = (e)->
    $("#mousemove").text "move:x=#{e.pageX} y=#{e.pageY}"

if main.addEventListener
  main.addEventListener "mousemove", moveFunc
else
  main.attachEvent "onmousemove", moveFunc
  
$("#move").on "click", ()->
  if document.createEvent
    event = document.createEvent "MouseEvent"
    event.initMouseEvent "mousemove"
    main.dispatchEvent event
  else
    event = document.createEventObject()
    main.fireEvent "onmousemove"