html5中常用的鼠标指向触发事件有哪些

html-css07

html5中常用的鼠标指向触发事件有哪些,第1张

 onclick

 ondblclick

 onmousemove

 onmousedown

 onmouseup

 onmouseover

 onmouseout

 onmousewheel

拖拽发生过程

被拖拽元素

dragstart

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

drag

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

dragend

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

放置目标元素

dragenter

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

dragover

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

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

dragleave

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

drop

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

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

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

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