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

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

html中有一个

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

比如:

关于我们

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

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

两种方式:

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


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6222954.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存