JavaScript 拖放效果

本文探讨了解决网页中拖动元素遇到的各种问题,包括IE6下的select元素优先级问题、不限制范围的拖动导致的位置偏移、IE特定环境下的border显示异常及透明元素拖动时出现的范围错误等。提出了使用全屏透明div和针对IE6的额外iframe方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


======================================================
注:本文源代码点此下载
======================================================

给楼主找了几个bug:

1.ie6 select元素优先级高,解决:加iframe挡住(简单)

2.对于没有范围限制的拖动,如果拖动到了浏览器边源,产生问题,主要是那个clientx-drag.offsetleft这个有问题,没有加scrollleft之类的东西

3,ie在某些环境下的html border为2px的bug,总觉得你这个clientx-drag.offsetleft很不严谨

4.关于那个透明bug,对于解决方案加个div的问题,有一个bug,css设置有问题,要加position的相关属性,不然会出现drag如果内部有内容,会出现拖动范围不正确的结果

关于透明bug,其实上内部比你讲解有还要复杂很多,有很多种奇怪的现象...

对于拖动,我也说一些自已的想法:

按下鼠标时,建立一个全屏的全透div,如果是ie6,则建立一个全屏的全透iframe加一个全屏的全透div,置于托运元素下,这样可以解决很多问题,如:透明bug,ifarmebug,select bug和部分清除选择的问题

楼主的实战能力很强,感谢楼主提供如此实用的程序


======================================================
在最后,我邀请大家参加新浪APP,就是新浪免费送大家的一个空间,支持PHP+MySql,免费二级域名,免费域名绑定 这个是我邀请的地址,您通过这个链接注册即为我的好友,并获赠云豆500个,价值5元哦!短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了,每天挂广告赚50+元哦,呵呵,饭钱不愁了,\(^o^)/
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值