关于在ondrag事件下无法触发子元素的onclick事件

最新推荐文章于 2024-11-18 23:20:58 发布

原创最新推荐文章于 2024-11-18 23:20:58 发布 · 873 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #游戏 #ui #ViewUI

javascript 常见问题专栏收录该内容

60 篇文章

订阅专栏

本文探讨了在实现网页元素拖拽功能时遇到的事件冲突问题。具体来说，当为拖拽头部添加ondrag事件后，关闭按钮上的onclick事件会失效。文章提供了一种解决方案：使用onmousedown事件来替代原有的onclick事件，确保二者可以同时正常工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在做像GG主页的拖拽时我们也常常加上自己的一些设置，比如我们的拖拽一般有

<div class="drag">
    <div class="drag-head">
           <div class="drag-txt"></div>
            <div class='drag-tool'>
                 <div class="drag-set"></div>
                <div class="drag-close"  onclick="dragset.delBox('id')" onmousedown="dragset.delBox('id')"></div>
           </div>
      </div>
      <div class="drag-body"></div>
</div>

当我们对 drag-head 加上了ondrag 事件后那么 drag-close 的onclick事件其实就起不了作用了，，那么我们就可以用 onmousedown事件去替代它