js的事件与监听器的问题

今天遇到了一个特别特别坑的问题,写问以作记录.

使用openlayers做了一个地图,添加了几个标记点,点击标记点弹出详情框.当功能完成后发现点击a图标弹出框正常,当再次点击b图标总是会去先加载a的数据再加载b的数据弹出.我就很郁闷.找了很久...

后来想到可能是点击事件没有被清除,想着使用removeEventListener()方法先清除事件,再添加事件,发现根本不好用.

再后来上网查了下document.onclick与document.addEventlistener的区别找到了问题的原因.

首先,当多次为一个js对象添加document.onclick点击事件时,事件会进行覆盖,最后的效果就是只执行最后一次添加的点击事件.

然后addEventListener则不会进行覆盖,也就是说,为同一个js对象添加几个事件就执行几个.

很坑!!!!!