JS鼠标监听mouseup失效，是何原因及如何修复？

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

目录

一、问题及原因分析

二、解决方案

三、总结

一、问题及原因分析

由于很少使用除了click之外的监听事件，今天在使用mouseup时遇到了一个难题。经过长时间排查，发现了一个长期存在的bug。

二、解决方案经过仔细检查，发现是由于很少使用mouseup事件导致的监听事件问题。通过修复监听事件，成功解决了这个bug。

三、总结通过这次事件，我意识到在日常开发中，对各种事件监听的处理要全面，以免遗漏潜在的问题。

目录

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

一、起因及解决

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

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

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

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

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