div的onclick事件触发问题
两个同级的div1,div2页面上div1显示在div2上面,我想实现点击div1触发的是div2的onclick事件~~~在线等...
两个同级的div1,div2 页面上div1显示在div2上面,我想实现点击div1触发的是div2的onclick事件~~~在线等
展开
7个回答
展开全部
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都绑定同一个onclick事件函数不就可以了吗？
如果是很多个div要执行同一个函数，那就用jquery的bind方法，前提是这些div都加上同一个class，方便查找。
如果是很多个div要执行同一个函数，那就用jquery的bind方法，前提是这些div都加上同一个class，方便查找。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你在div1的点击事件里触发div2的点击事件就好了嘛。
$("#div2").click();
$("#div2").click();
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你看这样能不能解决
<div id=div2 onclick="c2"></div> <div id=div1 onclick="c2"></div>
<div id=div2 onclick="c2"></div> <div id=div1 onclick="c2"></div>
更多追问追答
追问
不行哦,不能指向同一个方法,因为我要获得点击下面的div的鼠标坐标
追答
没有看懂你做的是什么，div1在上面，你根本点击不到div2
来自：求助得到的回答
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这样是可以的，但是ie估计不行，如果你想兼容ie,我再改改
<!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>
<!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';
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（5）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
