1、先新建一个html文件，命名为test.html。
2、在test.html文件中，使用div标签创建一行文字，并设置div的class为mydiv，主要用于下面通过该class获得div对象。
3、在js标签内，在页面加载完成时，使用bind()方法给div绑定click事件，当div被点击时，提示“已绑定点击事件”。
4、在test.html文件中，使用button标签创建一个按钮，按钮名称为“解绑click事件”。
5、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行myfun（）函数。
6、在js标签内，创建myfun()函数，在函数内，通过class(mydiv)获得对象，使用unbind()方法解除click事件。
7、在浏览器打开test.html文件，点击按钮，查看实现的效果。
如果是很多个div要执行同一个函数，那就用jquery的bind方法，前提是这些div都加上同一个class，方便查找。
$("#div2").click();
<div id=div2 onclick="c2"></div> <div id=div1 onclick="c2"></div>追问
不行哦,不能指向同一个方法,因为我要获得点击下面的div的鼠标坐标
追答没有看懂你做的是什么，div1在上面，你根本点击不到div2
追问web版地图,地图上有辆车,我点击地图时可以获得地图的经纬度,点击地图上的车时也想获得地图的经纬度
追答你试试获取div1的坐标，然后把div1的坐标值当做鼠标的坐标值传给div2的单击事件
追问这个比较复杂,因为地图上不只有矩形,还有用vml画的不规则图形,实在没办法我再试这种方法吧..!
来自：求助得到的回答<!DOCTYPE html>
<html>
<head>
<style>
div {width:300px;height:200px;background: #9acd32;margin-top: 50px;}
</style>
</head>
<body>
<div id="div1" onclick="div1()"></div>
<div id="div2" onclick="div2()"></div>
<script>
function div1(){
var myevent = document.createEvent('MouseEvents');
myevent.initEvent('click',true,true,document.defaultView,0,0,0,0,0,false,false,false,false,0,null);
var div2 = document.getElementById('div2');
div2.dispatchEvent(myevent);
}
function div2(){
var mydiv2 = document.getElementById('div2');
mydiv2.style.background = 'red';
}
</script>
</body>
</html>追问
-_-! 我用的有vml,只用兼容ie,亲,再改改,我看好你哦
追答这个应该兼容所有浏览器了
div {width:300px;height:200px;background: #9acd32;margin-top: 50px;}
function div1(){
var div2 = document.getElementById('div2');
if(typeof ActiveXObject !='undefined'){//ie
var myevent = document.createEventObject();
div2.fireEvent('onclick',myevent);//如果需要在onclick中使用myevent的某些属性，得另外添加
}else{//chrome,ff等
var myevent = document.createEvent('MouseEvents');
myevent.initEvent('click',true,true,document.defaultView,0,0,0,0,0,false,false,false,false,0,null);
div2.dispatchEvent(myevent);
}
}
function div2(){
var mydiv2 = document.getElementById('div2');
mydiv2.style.background = 'red';
}
吃完饭试一下
本回答被提问者采纳