理解 mousedown, mouseup, click, blur 事件触发顺序

老牛浏览 673评论 0发表于

1. 触发顺序

b420bbe9-d5a1-467a-8877-090a8938d6e6

mousedown --> mouseup --> click

2. blur

55caf54d-c516-4d32-9122-faf43d027e2e

blurmousedown 事件触发之后,在 mouseup 事件触发之前执行。

3. 阻止 blur

如果想阻止 blur 事件触发,可以在 mousedown 事件中调用事件的 preventDefault() 方法。


实例演示:https://codepen.io/mudassir0909/pen/eIHqB

点赞
收藏
暂无评论,快来发表评论吧~
私信
老牛@ilaoniu
老牛,俗称哞哞。单纯的九零后理工小青年。喜欢折腾,爱玩,爱音乐,爱游戏,爱电影,爱旅游...
最后活跃于