亚洲午夜福利717,亚洲天堂一区二区,伊人久久亚洲综合影院

DIV在FF下的拖動(dòng)

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

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

posted on 2011-10-30 09:37 Norsor 閱讀(1929) 評(píng)論(3) 編輯收藏所屬分類(lèi): 日常隨筆

評(píng)論

# re: DIV在FF下的拖動(dòng) 2011-11-07 15:05 星期五

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

# re: DIV在FF下的拖動(dòng) 2011-11-11 13:41 tb

不清楚回復(fù) 更多評(píng)論

# re: DIV在FF下的拖動(dòng) 2012-09-18 15:49 憶清風(fēng)歲月

我也不行，剛看你們說(shuō)的，我就在里面加個(gè)  ，，，，，湊合著先用著回復(fù) 更多評(píng)論

新用戶注冊(cè) 刷新評(píng)論列表


只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問(wèn) 管理
相關(guān)文章: DIV在FF下的拖動(dòng) mysql中的定時(shí)運(yùn)行 HTML標(biāo)記今晚英阿大戰(zhàn)!

I'm happy to live!

公告

常用鏈接

留言簿(6)

隨筆分類(lèi)

隨筆檔案

文章分類(lèi)

文章檔案

相冊(cè)

收藏夾

友情鏈接

搜索

最新評(píng)論

閱讀排行榜

評(píng)論排行榜

評(píng)論