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';
}
吃完饭试一下
本回答被提问者采纳div的onclick事件触发问题
1、先新建一个html文件，命名为test.html。2、在test.html文件中，使用div标签创建一行文字，并设置div的class为mydiv，主要用于下面通过该class获得div对象。3、在js标签内，在页面加载完成时，使用bind()方法给div绑定click事件，当div被点击时，提示“已绑定点击事件”。4、在test.html文件中，使用bu...
html点击div触发弹窗事件怎么写代码?
1:html代码 <div onclick = "aa()" id="div1"><\/div> 2:第二部，定义函数 function aa(){ alert("点击div，触发弹窗事件！");}
div设定onclick后,如何点其中的超链接不触发onclick
原因：子元素事件冒泡到父节点上了。解决办法：在子节点上阻止事件冒泡：\/\/如果想让a点击的时候不触发box的点击事件：document.getElementsByClassName('link')[0].onclick = function(e){alert('a被点击了');e.stopPropagation();\/\/阻止向上冒泡}这样，点击a标签只会提示“a被点击了”，并不会出现...
div里个span元素,都有onclick事件。点击只响应其中一个应该怎么做?给点...
让n=1,触发div点击时判断n是否等于1function b(){if (n==1){alert("你点击了span");}else{alert("你点击了div")}n=0;}<\/script><div style="width:300px;height:200px;border:1px solid #cccccc;" onclick="b();"><span style="float:left;...
一个Div 两个onclick 事件 点击的时候 如何互不影
在下面代码中的外层div中加了onClick事件，这样当鼠标点击这个div的时候就会跳转了。
html的div区域如何响应onclick事件?
<head> <title>test<\/title> <script type="text\/javascript"> function ddd(){ var xy=document.getElementById("xiangying");xy.onclick = function() { alert("aa");} } window.onload=function(){ ddd();} <\/script> <\/head> <body> <div id="xiangying">dd<\/div> <\/body> <...
前台div的onclick调用后台的服务端事件
你先运行完div绑定的事件完成了..再运行treeview的事件就行了啊...document.getElementById("div").onclick=function(){ document.getElementById("TreeView").attachEvent("onclick",selectNodeChanged) ; \/\/IE绑定...} 这样就好了啊...至于楼上说的答案...如果真的用冒泡也是不对的....
急求:<div onclick=""><\/div>详解
这个onclick在javascript里叫做点击“事件” （你查一下javascript书就可以找到） div里的onclick 表示点击div层范围内触发的事件 (通俗来说就是你鼠标 点到div标签包含的范围时要发生什么事情)onclick 一般用法为 <div onclick="add()"> <input type="button" onclick="A()"> 等 其中add(...
DIV事件属性
onclick: 当用户单击DIV元素时，该属性会被触发。这通常用于执行一些JavaScript函数，如显示新内容或执行特定操作。ondblclick: 双击事件，当用户连续两次快速点击DIV时，此属性会激活。这可以用于快速切换状态或执行与双击相关的操作。对于鼠标操作，有：onmousedown: 当鼠标按钮被按下，且鼠标指针位于DIV内时...
js问题 关于body中的div点击范围
这种情况是因为事件冒泡了，点击body的div触发的流程是这样的。首先检测div有没onclick事件，若有则执行。然后再向上一级找父标签的onclick事件执行，一直往上执行直至body。如果你所说的任何位置在于body的其中一个范围，那你可以在需要触发范围定义一个div，然后定义一个onclick事件。里面可以包含一些标签...
