I'm happy to live!

Develop with pleasure!

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

:: 管理 ::

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

DIV在FF下的拖動

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

<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>,這樣就可以了，我一直不太明白為什么會這樣？請名位大俠指教.

posted on 2011-10-30 09:37 Norsor 閱讀(1944) 評論(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標記今晚英阿大戰!

I'm happy to live!

公告

常用鏈接

留言簿(6)

隨筆分類

隨筆檔案

文章分類

文章檔案

相冊

收藏夾

友情鏈接

搜索

最新評論

閱讀排行榜

評論排行榜

評論