DIV在FF下的拖动

javasee

浏览: 926305 次
性别:
来自: 北京

最近访客更多访客>>

u012363178

kgc1982

shuany

dalongxn

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (1510)

社区版块

存档分类

我想问一下,我的这段拖动div的代码什么地方有问题啊，在ie里面正常,在ff下就是停下再拖就不行了,但如果在div中加入文本就可以了，为什么会这样啊?请各位高手指教.

1

<html>
2

<head>
4

<style>
6

</style>
8

</head>
9

<body><head>
10

<style>
12

</style>
14

</head>
15

<div id="rect" style="width:200px;height:200px;position:absolute;background-color:pink;">
18

</div>
20

<div id="display" style="position:absolute;top:300px;"></div>
22

</body>
23

</html>
24

<script>
26

$(init);
28

function init(){
30

rectEvent();
31

}
32

function rectEvent(){
34

var slider = $("#rect");
35

var downFlag = false;
36

var offX;
38

slider.mousedown(function(e){
40

downFlag = true;
41

var event = getEvent(e);
42

offX = getOffsetX(event);
43

});
45

slider.mouseup(function(){
47

downFlag = false;
48

});
49

slider.mouseout(function(){
51

downFlag = false;
52

});
53

slider.mousemove(function(e){
55

var event = getEvent(e);
56

if(!downFlag){
58

return false;
59

}
60

var left = event.clientX - offX;
62

$("#display").text(left);
63

slider.css("left",left);
64

});
65

}
67

function getEvent(event){
70

var event = event ? event : window.event;
71

return event;
72

}
73

function getOffsetX(event){
75

var off_X = event.offsetX ? event.offsetX : event.layerX;
76

return off_X;
77

}
78

</script>
80

如果我在rect div随便加入文本如：<div id="rect" style="width:200px;height:200px;position:absolute;background-color:pink;">11</div>,这样就可以了，我一直不太明白为什么会这样？请名位大侠指教.

分享到：

一步一步写算法（之图创建） | Servlet API 中文版

2011-10-31 13:23
浏览 382
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论