I'm happy to live!

Develop with pleasure!

BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合

:: 管理 ::

39 隨筆 :: 2 文章 :: 31 評論 :: 0 Trackbacks

<

2012年9月

>

日

一

二

三

四

五

六

26

27

28

29

30

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

1

2

3

4

5

6

公告

天下之事敗于懶與私.

常用鏈接

留言簿(6)

隨筆分類

隨筆檔案

文章分類

文章檔案

2005年11月 (2)

相冊

收藏夾

軟件收藏(2) (rss)

友情鏈接

English for Fun(josh)

搜索

閱讀排行榜

評論排行榜

DIV在FF下的拖動

我想問一下,我的這段拖動div的代碼什么地方有問題啊，在ie里面正常,在ff下就是停下再拖就不行了,但如果在div中加入文本就可以了，為什么會這樣啊?請各位高手指教.

1

<html>
2

3

<head>
4

<style>
6

7

</style>
8

</head>
9

<body><head>
10

<style>
12

13

</style>
14

</head>
15

16

17

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

19

</div>
20

21

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

</body>
23

</html>
24

25

<script>
26

27

$(init);
28

29

function init(){
30

rectEvent();
31

}
32

33

function rectEvent(){
34

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

var downFlag = false;
36

37

var offX;
38

39

slider.mousedown(function(e){
40

downFlag = true;
41

var event = getEvent(e);
42

offX = getOffsetX(event);
43

44

});
45

46

slider.mouseup(function(){
47

downFlag = false;
48

});
49

50

slider.mouseout(function(){
51

downFlag = false;
52

});
53

54

slider.mousemove(function(e){
55

var event = getEvent(e);
56

57

if(!downFlag){
58

return false;
59

}
60

61

var left = event.clientX - offX;
62

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

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

});
65

66

}
67

68

69

function getEvent(event){
70

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

return event;
72

}
73

74

function getOffsetX(event){
75

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

return off_X;
77

}
78

79

</script>
80

如果我在rect div隨便加入文本如：<div id="rect" style="width:200px;height:200px;position:absolute;background-color:pink;">11</div>,這樣就可以了，我一直不太明白為什么會這樣？請名位大俠指教.

posted on 2011-10-30 09:37 Norsor 閱讀(1933) 評論(3) 編輯收藏所屬分類: 日常隨筆

我將代碼在本地運行了一下。
event.layerX 在我的ff上返回的是： undefined。我也不知道怎么回事，我把
getOffsetX 方法改成如下可運行：
function getOffsetX(event){
var off_X = event.offsetX ? event.offsetX : event.layerX ? event.layerX : event.clientX;
return off_X;
}
一起研究吧。回復更多評論

# re: DIV在FF下的拖動 2011-11-11 13:41 tb

不清楚回復更多評論

# re: DIV在FF下的拖動 2012-09-18 15:49 憶清風歲月

我也不行，剛看你們說的，我就在里面加個  ，，，，，湊合著先用著回復更多評論

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: DIV在FF下的拖動 mysql中的定時運行 HTML標記今晚英阿大戰!