HTML5 canvas的事件

HTML5 canvas的事件

<script>
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

context.strokeStyle = "black";
context.fillStyle = "red";
context.rect(0, 0, 300, 400);
context.fill();

canvas.onmousedown = function() {
console.log("123");
}
canvas.onmouseup = function() {
console.log("456");
};
canvas.onmousemove = function() {
console.log("789");
}

canvas.onclick = function() {
console.log("999");
}
</script>

 

1. onabort: null
2. onbeforeunload: null
3. onblur: null
4. oncanplay: null
5. oncanplaythrough: null
6. onchange: null
7. onclick: null
8. oncontextmenu: null
9. ondblclick: null
10. ondeviceorientation: null
11. ondrag: null
12. ondragend: null
13. ondragenter: null
14. ondragleave: null
15. ondragover: null
16. ondragstart: null
17. ondrop: null
18. ondurationchange: null
19. onemptied: null
20. onended: null
21. onerror: null
22. onfocus: null
23. onhashchange: null
24. oninput: null
25. oninvalid: null
26. onkeydown: null
27. onkeypress: null
28. onkeyup: null
29. onload: null
30. onloadeddata: null
31. onloadedmetadata: null
32. onloadstart: null
33. onmessage: null
34. onmousedown: null
35. onmousemove: null
36. onmouseout: null
37. onmouseover: null
38. onmouseup: null
39. onmousewheel: null
40. onoffline: null
41. ononline: null
42. onpagehide: null
43. onpageshow: null
44. onpause: null
45. onplay: null
46. onplaying: null
47. onpopstate: null
48. onprogress: null
49. onratechange: null
50. onreset: null
51. onresize: null
52. onscroll: null
53. onsearch: null
54. onseeked: null
55. onseeking: null
56. onselect: null
57. onstalled: null
58. onstorage: null
59. onsubmit: null
60. onsuspend: null
61. ontimeupdate: null
62. onunload: null
63. onvolumechange: null
64. onwaiting: null
65. onwebkitanimationend: null
66. onwebkitanimationiteration: null
67. onwebkitanimationstart: null
68. onwebkittransitionend: null