关于html5鼠标事件的信息

html5，canvas中某个图标的鼠标事件怎么实现？

1.如果图标是用canvas绘制上去的，就要处理canvas全局的onmousemove事件，判断鼠标的位置是否到了图标上，到了就触发某个函数。

创新互联专注于宜宾企业网站建设,成都响应式网站建设,商城网站建设。宜宾网站建设公司,为宜宾等地区提供建站服务。全流程按需求定制开发，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务

2.图标不要用canvas画，用html的img标签来做，这样就可以直接用它的onmouseover事件。

拖拽发生过程

被拖拽元素

dragstart

按下鼠标键并开始移动鼠标时

drag

在dragstart事件之后，在元素被拖动期间会持续触发该事件

dragend

当拖动停止时，会触发dragend事件

放置目标元素

dragenter

有元素被拖动到放置目标上

dragover

紧随dragenter发生，在被拖动的元素

还在放置目标范围内移动时，会持续触发该事件

dragleave

在元素被拖出放置目标时触发

drop

元素被放到了放置目标中触发

注释：拖拽发生过程：dragstart-drag-dragenter-dragover-dragleave/drop-dragend

html中有一个

标签，直接给文字添加一个a标签

；

比如：

关于我们

a标签默认的鼠标放上去就是一个手指的样式，或者你也可以用cursor:

pointer;这个给他设置一下，cursor还有其他的属性可以使用

文章名称：关于html5鼠标事件的信息
链接分享：http://scjbc.cn/article/phsphd.html