js代码实现QQ面板拖拽效果

来源：优显汽车网

本文主要和大家详细介绍了QQ面板拖拽效果，探秘慕课网DOM事件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。

QQ面板拖拽，效果如图

JavaScript代码如下：

要点：

1.阻止事件冒泡

loginState.onclick点击事件冒泡，导致下拉列表无法点开

lis[i].onclick列表项的点击事件冒泡，导致下拉列表无法隐藏

2.鼠标事件坐标获取

3.封装各浏览器通用的getElementsByClassName()方法

方法返回的是一个数组，切记

显示全文