javascript吧 关注：269,374贴子：906,488
- 59回复贴，共1页
var getPosition=function(){
//这个方法是百度自己根据鼠标位置获得坐标的方法，假设返回值如下：
return {
x:100,
y:200,
lng:1000
};
}
var Bmap={
'MARKER ':function(){
//假设地图节点为map
map.onclick=function(e){ //当地图被点击时：
var e=e||window.event; //先拿到浏览器自己的事件对象
e.point=getPosition(); //污染对象，使它的point等于百度自己获得的坐标
if(typeof this.click==='function'){//检查用户是否定义了上下文的click
this.click.apply(window,e); //如果定义了click，则把污染后的事件传进去
}
}
}
}
var marker=new Bmap.MARKER();
marker.click=function(e){
console.log(e.point);//你就能看到上面getPosition里的返回值了
}
反正要是我写就这么个思路。。
//这个方法是百度自己根据鼠标位置获得坐标的方法，假设返回值如下：
return {
x:100,
y:200,
lng:1000
};
}
var Bmap={
'MARKER ':function(){
//假设地图节点为map
map.onclick=function(e){ //当地图被点击时：
var e=e||window.event; //先拿到浏览器自己的事件对象
e.point=getPosition(); //污染对象，使它的point等于百度自己获得的坐标
if(typeof this.click==='function'){//检查用户是否定义了上下文的click
this.click.apply(window,e); //如果定义了click，则把污染后的事件传进去
}
}
}
}
var marker=new Bmap.MARKER();
marker.click=function(e){
console.log(e.point);//你就能看到上面getPosition里的返回值了
}
反正要是我写就这么个思路。。
学了不少
惊人发现---对我个人来说，大神见笑了
<html>
<body>
</body>
<script>
function b(e){ //当地图被点击时：
var s=e||window.event; //先拿到浏览器自己的事件对象
s.point=12
var z =s ;
z.pc = 55;
} var input = document.createElement("input");
document.body.appendChild(input);
document.addEventListener('click',b,true); //true代表捕获
input.addEventListener('click',a,true);
function a(e){
alert(e.point);
alert(e.pc)
} </script>
</html>
-----结论，e只是个地址，指向了实际对象（姑且这么理解），也就说想给e添加啥属性就添加啥属性 lxjts1 兄弟的"拿不到 那是浏览器自己的事件对象 无法染指 "好像不太对，欢迎讨论。
<html>
<body>
</body>
<script>
function b(e){ //当地图被点击时：
var s=e||window.event; //先拿到浏览器自己的事件对象
s.point=12
var z =s ;
z.pc = 55;
} var input = document.createElement("input");
document.body.appendChild(input);
document.addEventListener('click',b,true); //true代表捕获
input.addEventListener('click',a,true);
function a(e){
alert(e.point);
alert(e.pc)
} </script>
</html>
-----结论，e只是个地址，指向了实际对象（姑且这么理解），也就说想给e添加啥属性就添加啥属性 lxjts1 兄弟的"拿不到 那是浏览器自己的事件对象 无法染指 "好像不太对，欢迎讨论。
确实有几个地方没太弄懂，按照我的理解 var e=e||window.event 你的这句意思是自己创建了个副本e 如果不通过这句进行手动调用this.click.apply(window,e); 那么原来在marker上定义的方法调用的e还是原来的mouseEvent,不会有新的增加的属性，但是实际上属性已经添加到e上了，不用this.click.apply(window,e)这句了
而且这句一旦调用，应该必须阻止继续传播了吧，否则在map上手动调了一次，事件捕获从外层map到达marker里又被捕获到又会调用一次。
还有个疑问 你说在Marker 初始化时将this保存到一个变量that里，按我的理解是这样写
'MARKER ':function(){
//假设地图节点为map
var that = this;
map.onclick=function(e){ //当地图被点击时：
var e=e||window.event; //先拿到浏览器自己的事件对象
e.point=getPosition(); //污染对象，使它的point等于百度自己获得的坐标
if(typeof that.click==='function'){//检查用户是否定义了上下文的click
that.click.apply(window,e); //如果定义了click，则把污染后的事件传进去
}
那么就会出现一个问题，当你点击地图的时候，哪怕没有点击到marker上，也会弹出个alert框显示坐标信息，而实际的坐标根本不是marker的坐标。
可能我的理解有误，请指教。
而且这句一旦调用，应该必须阻止继续传播了吧，否则在map上手动调了一次，事件捕获从外层map到达marker里又被捕获到又会调用一次。
还有个疑问 你说在Marker 初始化时将this保存到一个变量that里，按我的理解是这样写
'MARKER ':function(){
//假设地图节点为map
var that = this;
map.onclick=function(e){ //当地图被点击时：
var e=e||window.event; //先拿到浏览器自己的事件对象
e.point=getPosition(); //污染对象，使它的point等于百度自己获得的坐标
if(typeof that.click==='function'){//检查用户是否定义了上下文的click
that.click.apply(window,e); //如果定义了click，则把污染后的事件传进去
}
那么就会出现一个问题，当你点击地图的时候，哪怕没有点击到marker上，也会弹出个alert框显示坐标信息，而实际的坐标根本不是marker的坐标。
可能我的理解有误，请指教。
<html>
<body>
<input id = "a"></input>
</body>
</html>
<script>
var input = document.getElementById("a");
document.addEventListener('click',a,true);
input.addEventListener('click',b);
function a(e){
var e1=e||window.event;
e1.i=100;
}
function b(e){
alert(e.i)
}
</script>
我觉得实际没必要弄的那么复杂，我这个点击input就能获得e.i的值为100，换成baidu地图就是在map.js里给document添加个监听方法，不管点那儿都给e添加个point属性。然后你爱咋取咋取，反正e里已经有point属性存在了。
<body>
<input id = "a"></input>
</body>
</html>
<script>
var input = document.getElementById("a");
document.addEventListener('click',a,true);
input.addEventListener('click',b);
function a(e){
var e1=e||window.event;
e1.i=100;
}
function b(e){
alert(e.i)
}
</script>
我觉得实际没必要弄的那么复杂，我这个点击input就能获得e.i的值为100，换成baidu地图就是在map.js里给document添加个监听方法，不管点那儿都给e添加个point属性。然后你爱咋取咋取，反正e里已经有point属性存在了。
