求助,FireFox DIV随鼠标移动(获取鼠标坐标的问题) 10
以下代码,在IE中可以实现ID为DivFrame的DIV随鼠标移动而移动;但是在FireFox中则无法获取鼠标坐标;请个帮忙指点修正一下;非常感谢------------...
以下代码,在IE中可以实现ID为DivFrame的DIV随鼠标移动而移动;
但是在FireFox中则无法获取鼠标坐标;
请个帮忙指点修正一下;非常感谢
-----------------------------------------------------------------
<style type="text/css">
<!--
.DivB{
border-color:#0000FF;
border-style:solid;
border-width:1px;
width:100px;
height:30px;
position:absolute; /*从html文档中流中拖出*/
overflow:hidden; /*不显示滚动条,超出部分不显示*/
background-color:#FFFFCC;
z-index:6;
}
-->
</style>
<script language="javascript" type="text/javascript" src="jquery-1[1].2.6.min.js"></script>
<script language="javascript" type="text/javascript">
<!--
function MouseDo(xx){ //获取鼠标XY坐标函数;
if(xx=="x"){return event.clientX;}else{return event.clientY;}
}
$(function(){
$("tt:eq(0)").mousemove(function(){
$("#DivFrame").addClass("DivB"); //增加边框样式
$("#DivFrame").html("边框随鼠标移动");
$("#DivFrame").css({top:MouseDo("y"),left:MouseDo("x")});
});
$("tt:eq(0)").mouseout(function(){ //鼠标移出事件
$("#DivFrame").removeClass("DivB"); //删除边框样式
$("#DivFrame").html("");
});
});
//-->
</script> 展开
但是在FireFox中则无法获取鼠标坐标;
请个帮忙指点修正一下;非常感谢
-----------------------------------------------------------------
<style type="text/css">
<!--
.DivB{
border-color:#0000FF;
border-style:solid;
border-width:1px;
width:100px;
height:30px;
position:absolute; /*从html文档中流中拖出*/
overflow:hidden; /*不显示滚动条,超出部分不显示*/
background-color:#FFFFCC;
z-index:6;
}
-->
</style>
<script language="javascript" type="text/javascript" src="jquery-1[1].2.6.min.js"></script>
<script language="javascript" type="text/javascript">
<!--
function MouseDo(xx){ //获取鼠标XY坐标函数;
if(xx=="x"){return event.clientX;}else{return event.clientY;}
}
$(function(){
$("tt:eq(0)").mousemove(function(){
$("#DivFrame").addClass("DivB"); //增加边框样式
$("#DivFrame").html("边框随鼠标移动");
$("#DivFrame").css({top:MouseDo("y"),left:MouseDo("x")});
});
$("tt:eq(0)").mouseout(function(){ //鼠标移出事件
$("#DivFrame").removeClass("DivB"); //删除边框样式
$("#DivFrame").html("");
});
});
//-->
</script> 展开
2个回答
展开全部
您好,感谢您对火狐的支持
您目前使用的这种方法不兼容火狐浏览器,可以参考下:Firefox中Javascript使用event对象,http://www.cnblogs.com/dudu/archive/2005/07/31/105400.html。
您可以在火狐官方网站下载火狐浏览器,在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
您目前使用的这种方法不兼容火狐浏览器,可以参考下:Firefox中Javascript使用event对象,http://www.cnblogs.com/dudu/archive/2005/07/31/105400.html。
您可以在火狐官方网站下载火狐浏览器,在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
event.clientX
event.clientY
在firefox里获取不到鼠标坐标
event.clientY
在firefox里获取不到鼠标坐标
参考资料: http://www.cnblogs.com/dudu/archive/2005/07/31/105400.html
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询