<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
body { background-color:#bbb;}
canvas { background-color:#fff}
</style>
</head>
<body>
<canvas id="cnavas" width="400" height="400"></canvas>
<script>
window.onload = function(){
var canvas = document.getElementById('cnavas');
function onMouseEvent(event){
console.log(event.type)
}
canvas.addEventListener("mousedown",onMouseEvent,false)
canvas.addEventListener("mouseup",onMouseEvent,false)
canvas.addEventListener("click",onMouseEvent,false)
canvas.addEventListener("dblclick",onMouseEvent,false)
canvas.addEventListener("mousewheel",onMouseEvent,false)
canvas.addEventListener("mousemove",onMouseEvent,false)
canvas.addEventListener("mouseover",onMouseEvent,false)
canvas.addEventListener("mouseout",onMouseEvent,false)
}
</script>
</body>
</html>
JS 添加鼠标事件
最新推荐文章于 2024-07-01 16:22:16 发布