2个重叠div上的mousemove事件
[英]mousemove event on 2 overlapping divs
问题描述
我有2个重叠的div，并且需要在两者上执行相同的mousemove事件。 我不能使用带有气泡效果的嵌套div。 我怎样才能做到这一点？ 我不能使用带有气泡效果的嵌套div。
$(".one").mousemove(function(){ console.log("something") }) $(".two").mousemove(function(){ console.log("something else") })
.one{ background-color:red; position:absolute; left:0; top:0; width:100px; height:100px; } .two{ color:blue; position:absolute; left:0; top:0; width:100px; height:100px; }
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head> <body> <script src="https://code.jquery.com/jquery-3.1.0.js"></script> <div class="one"> Content one </div> <div class="two"> Content two </div> </body> </html>
谢谢。
1 个解决方案
解决方案1
3 已采纳 2017-03-07 08:59:37
$(".one").mousemove(function(){ console.log("something"); }); $(".two").mousemove(function(){ console.log("something else"); $(".one").mousemove(); });
.one{ background-color:red; position:absolute; left:0; top:0; width:100px; height:100px; } .two{ color:blue; position:absolute; left:0; top:0; width:100px; height:100px; opacity: .95; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="one"> Content one </div> <div class="two"> Content two </div>
具有重叠div的鼠标事件
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.