关于js和html中,同层元素叠加在一起后,鼠标触发事件的问题,有完整问题代码!求大神解答!
<html><head><title>测试</title><scripttype="text/javascript">functionmouseover(){docume...
<html>
<head>
<title>测试</title>
<script type="text/javascript">
function mouseover(){
document.getElementById("a").style.background="#cfca97";
document.getElementById("b").style.display="block";
}
function mouseout() {
document.getElementById("a").style.background="#fff9bb";
document.getElementById("b").style.display="none";
}
function buttondown() {
alert("按下了按钮!");
}
</script>
</head>
<body>
<span id="a" style="position: absolute;height: 25px;width: 380px;background: #fff9bb; " onmouseover = "mouseover()" onmouseout = "mouseout()">测试a</span>
<button id= "b" style="position: absolute; display: none;height: 25px;width: 80px;left: 280;" onclick="buttondown()">测试b</button>
</body>
</html>
问题1:当从元素a移到元素b时,b会闪烁,在b上移动鼠标也会闪烁。
问题2:按下b后不会触发onclick。
求解答,最好直接给出实例完整代码!十分感谢! 展开
<head>
<title>测试</title>
<script type="text/javascript">
function mouseover(){
document.getElementById("a").style.background="#cfca97";
document.getElementById("b").style.display="block";
}
function mouseout() {
document.getElementById("a").style.background="#fff9bb";
document.getElementById("b").style.display="none";
}
function buttondown() {
alert("按下了按钮!");
}
</script>
</head>
<body>
<span id="a" style="position: absolute;height: 25px;width: 380px;background: #fff9bb; " onmouseover = "mouseover()" onmouseout = "mouseout()">测试a</span>
<button id= "b" style="position: absolute; display: none;height: 25px;width: 80px;left: 280;" onclick="buttondown()">测试b</button>
</body>
</html>
问题1:当从元素a移到元素b时,b会闪烁,在b上移动鼠标也会闪烁。
问题2:按下b后不会触发onclick。
求解答,最好直接给出实例完整代码!十分感谢! 展开
1个回答
2015-08-27
展开全部
function mouseout() {
window.event.cancelBubble = true;//加入代码 document.getElementById("a").style.background="#fff9bb";
document.getElementById("b").style.display="none";
}
window.event.cancelBubble = true;//加入代码 document.getElementById("a").style.background="#fff9bb";
document.getElementById("b").style.display="none";
}
追问
试了,还是不行啊?
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询