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)
给我留言
查看公开留言
查看私人留言
随笔分类
Diary(11)
(rss)
English 随笔
(rss)
New Concept English 2(3)
(rss)
programme(9)
(rss)
Star Craft 随笔(1)
(rss)
日常随笔(4)
(rss)
电影随笔(2)
(rss)
随笔档案
2015年12月 (1)
2015年10月 (1)
2015年7月 (1)
2015年4月 (1)
2012年11月 (1)
2011年10月 (1)
2011年1月 (2)
2010年12月 (2)
2009年11月 (2)
2009年7月 (2)
2009年5月 (1)
2008年12月 (1)
2008年10月 (1)
2005年12月 (1)
2005年11月 (21)
文章分类
English(1)
(rss)
Programme(1)
(rss)
文章档案
2005年11月 (2)
相册
My Family Album
Top Model
收藏夹
软件收藏(2)
(rss)
友情链接
English for Fun(josh)
搜索
最新评论
1. re: DIV在FF下的拖动
我也不行, 刚看你们说的, 我就在里面加个 ,,,,,凑合着先用着
--忆清风岁月
2. re: 面试
楼主写得东西还是挺实用的啊,最近好像没怎么写的样子,呵呵
--linjiang2@163.com
3. re: DIV在FF下的拖动
不清楚
--tb
4. re: DIV在FF下的拖动
评论内容较长,点击标题查看
--星期五
5. re: 关于时间的一些疑问?
@何杨
建议使用"GMT",用London的话有夏令时问题,夏令时期间就是GMT+1了
--Rene
阅读排行榜
1. ResourceBundle读取资源文件的路径问题(12322)
2. 重回Frontend!(4628)
3. Mysql 碰到的问题(3911)
4. angularjs 1.2.x 不支持动太插入ng-pattern?(2911)
5. Ajax异步返回方式处理(2163)
评论排行榜
1. HTML标记(5)
2. Ajax异步返回方式处理(5)
3. 2005年11月10日(4)
4. DIV在FF下的拖动(3)
5. 关于时间的一些疑问?(3)
DIV在FF下的拖动
我想问一下,我的这段拖动div的代码什么地方有问题啊,在ie里面正常,在ff下就是停下再拖就不行了,但如果在div中加入文本就可以了,为什么会这样啊?请各位高手指教.
1
<
html
>
2
3
<
head
>
4
<
script language
=
"
JavaScript
"
type
=
"
text/javascript
"
src
=
"
jquery-1.6.4.js
"
></
script
>
5
<
style
>
6
7
</
style
>
8
</
head
>
9
<
body
><
head
>
10
<
script language
=
"
JavaScript
"
type
=
"
text/javascript
"
src
=
"
jquery-1.6.4.js
"
></
script
>
11
<
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
阅读(1905)
评论(3)
编辑
收藏
所属分类:
日常随笔
评论
#
re: DIV在FF下的拖动
2011-11-07 15:05
星期五
我将代码在本地运行了一下。
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新闻
知识库
C++博客
博问
管理
相关文章:
DIV在FF下的拖动
mysql中的定时运行
HTML标记
今晚英阿大战!
Powered by:
BlogJava
Copyright © Norsor