addeventlistener

JS循环中给对象添加事件addEventListener的⽤法

在做百度迁徙图的时候遇到：

循环中使⽤addEventListener⽅法，给各个marker对象增加点击事件，

顺便记录下百度地图的东西，整段代码都贴过来吧。。。。

//百度地图API功能

varmap=("allmap",{enableMapClick:false});//构造地图时，关闭地图可点功能

ScrollWheelZoom(true);//开启⿏标滚轮缩放

varmapStyle={

features:["road","building","water","land"],//隐藏地图上的poi

style:"dark"//设置地图风格为⾼端⿊

}

Style(mapStyle);

//编写⾃定义函数,创建标注

varmyIcon=("../img/",(20,20));

varcenterIcon=("../img/",(0,0));

//节点点击事件

vargetNodeDetail=function(obj){

returnfunction(evt){

(evt,obj);

varlng=ngitude;

varlat=titude;

alert(+","+lng+","+lat);

}

}

$(function(){

$.ajax({

url:"/dcm/node/querynode",

dataType:"json",

type:"POST",

success:function(resp){

if(resp){

varqyNode={};//区域NODE

varzxNodes=[];//中⼼NODE数组

varshanshuoData=[];//闪烁效果json

vardtqxData=[];//动态迁徙json

varresult=;

for(vari=0;i<;i++){

varnode=result[i];

if(pe=='0'){//区域

qyNode=node;

}else{//中⼼

(node);

}

varjsonTmp={};

=me;

=[ngitude,titude];

='circle';

if(pe=='0'){

='#6EE7FF';

=30;

}else{

if(ate=='1'||ate=='3'){//0:异常1:正常2:未连接3.作业执⾏中

='#7CFC00';

}else{

='#EE0000';

}

=15;

}

=0.5;

(jsonTmp);//闪烁json数组

}

addEventListener部分代码单摘出来：1

}

//动态迁徙json数组

for(vari=0;i<;i++){

varjsonTmp={};

={

city:zxNodes[i].nodeName,

point:[zxNodes[i].nodeLongitude,zxNodes[i].nodeLatitude]

}

={

city:me,

point:[ngitude,titude]

}

if(zxNodes[i].nodeState=='3'){

=1;

}else{

=0;

}

(jsonTmp);//动态迁徙json数组

varmarker=((zxNodes[i].nodeLongitude,zxNodes[i].nodeLatitude),{icon:myIcon});

ntListener("click",getNodeDetail(zxNodes[i]));

rlay(marker);

}

//初始化地图,设置中⼼点坐标和地图级别

AndZoom((ngitude,titude),alLevel);

rentCity();//设置地图显⽰的城市此项是必须设置的

varmoveLine=newMoveLine(map,{

//marker点半径

markerRadius:1,

//marker点颜⾊,为空或null则默认取线条颜⾊

markerColor:null,

//线条类型solid、dashed、dotted

lineType:'solid',

//线条宽度

lineWidth:2,

//线条颜⾊

colors:['#F9815C'],

//⽂本颜⾊

fontColor:'#B3EE3A',

//移动点半径

moveRadius:2,

//移动点颜⾊

fillColor:'#fff',

//移动点阴影颜⾊

shadowColor:'#fff',

//移动点阴影⼤⼩

shadowBlur:5,

data:dtqxData

});

varflashMarkerLayer=newFlashMarker(map,shanshuoData);

}

}

})

});

2调⽤⽅式：

//节点点击事件

vargetNodeDetail=function(obj){

returnfunction(evt){

(evt,obj);

varlng=ngitude;

varlat=titude;

alert(+","+lng+","+lat);

}

}

varmarker=((zxNodes[i].nodeLongitude,zxNodes[i].nodeLatitude),{icon:myIcon});

ntListener("click",getNodeDetail(zxNodes[i]));

rlay(marker);