如何在onclick处理函数中得到触发click的HTML element
2016-12-05 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI＆UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
关注
![]()
展开全部
这样是可以的，但是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>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
