在移动的元素上，不要触发鼠标事件
在移动的元素上，不要触发鼠标事件
提问于 2013-09-05 06:33:55
当鼠标移到一个正在移动的div上时，工具提示会显示出来，但是，div是在移动的，它不会触发鼠标事件，请看问题：http://jsfiddle.net/jcezG/6/ (火狐23.0.1可以)。`
$('.area').on('mouseenter',function(){
$('.tooltip').show();
}).on('mouseleave',function(){
$('.tooltip').hide();
});
var offset = 10;
setInterval(function(){
//$('.area').hide();
$('.area').css({"-webkit-transform":"translate("+offset+"px,"+offset+"px)"});
//$('.area').css({"left":offset+'px',"top":offset+'px'});
offset += 10;
},1000);`
请原谅我糟糕的英语。
回答 3
Stack Overflow用户
发布于 2013-09-05 06:50:21
$('.area').on('mouseenter',function(){
$('.tooltip').show();
}).on('mousemove', function(e){
$('.tooltip').css({'top':e.pageY,'left':e.pageX, 'z-index':'1'});
}).on('mouseleave',function(){
$('.tooltip').hide();
});
var offset = 10;
setInterval(function(){
//$('.area').hide();
$('.area').css({"-webkit-transform":"translate("+offset+"px,"+offset+"px)","-moz-transform":"translate("+offset+"px,"+offset+"px)"});
//$('.area').css({"left":offset+'px',"top":offset+'px'});
offset += 10;
},1000);检查此行"$('.area').css({"-webkit-transform":"translate("+offset+"px，"+offset+"px)"，"-moz-transform":"translate("+offset+"px，"+offset+"px)"})；//$('.area').css({"left":offset+'px'，“+offset+”：offset+‘px’})；“这是您想要的方式吗？检查fiddle JSFiddle
Stack Overflow用户
发布于 2013-09-05 06:55:13
你能用下面的代码替换你的代码吗
并在鼠标悬停时设置左侧和顶部位置
$('.area').on('mouseenter',function(){
$('.tooltip').show();
}).on('mousemove', function(e){
$('.tooltip').css({'top':e.pageY,'left':e.pageX});
}).on('mouseleave',function(){
$('.tooltip').hide();
});并在工具提示类中设置z-index:100
Stack Overflow用户
发布于 2013-09-05 07:39:51
您必须使用div位置和鼠标指针位置，并在mouseenter和mousemove上触发相同的效果才能获得鼠标指针的最新位置。
var x,y;
$('.area').on('mouseenter mousemove',function(e){
//console.log(e.pageX + "|" + e.pageY);
x= e.pageX;
y=e.pageY;
$('.tooltip').css({'top':e.pageY,'left':e.pageX + 15, 'z-index':'1'}).show();
}).on('mouseleave',function(){
$('.tooltip').hide();
});检查此fiddle以了解更多详细信息
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18629298
复制相关文章
相似问题
腾讯云开发者
