为什么JS鼠标监听mouseup事件会失效且如何解决？

本文共计585个文字，预计阅读时间需要3分钟。

目录：

一、起因及解决

解决：由极少使用除click之外的监听事件，今天在使用mouseup时遇到一个坑，找到了一个很久的bug。

总结：

一、起因及解决

由于很少使用除click之外的监听事件，今天在使用mouseup时遇到一个坑，找到了一个很久的bug。

目录

• 一、起因及解决
• 解决：
• 总结：

一、起因及解决

由于很少使用除了click的监听事件，今天在使用mouseup时遇到一个坑，找了好久的bug。事情是这样的，我在写一个表情框，为了实现鼠标拖动表情框时，移动到相应的位置。所以配合使用到了mousedown和mouseup和mosemove。

1.mosedown: 用于鼠标按下进行选中该表情区域为可拖动；

2.mosemove：鼠标移动时，判断表情区域是否可拖动，，若可拖动，则开始允许拖动；

3.mouseup: 鼠标抬起该表情区域不可拖动；

但是我遇到的问题是，鼠标按下时，该表情区域可以拖动，但是鼠标松开时，表情区域还是可以根据我的鼠标位置进行拖动。