针对于ie8的拖拽效果的jQuery实现的方法

针对ie8的拖拽效果,本文分享了一种使用jQuery实现的方法。由于浏览器兼容性问题,作者作为初学者在探索过程中遇到困扰。提供的代码可能适用性有限,需要读者理解并调整。此外,还推荐了一篇关于HTML5拖拽效果的文章。

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

写这篇文章的原因是因为不久前,我刚遇到这样的问题;说实话,实在是太恶心拉

而且自己又是初学者,完全搞不懂浏览器的版本之间的兼容性原理,而网上有没有关于这方面的很好的解答,着实难受我了好一阵子。好在低版本的ie浏览器中还是支持某些条件的,废话不多说;看Jquery代码

/**
*添加拖拽效果的js方法
*参数:
*/
$.fn.drag = function(){
	var eleDrags = $(this);
	var eleDrop = document.getElementById("center");

	for(var i = 0; i < eleDrags.length; i++){
		var otherEle = $(eleDrags[i]).siblings();

		eleDrags[i].onselectstart = function() {
			return false;
		};

		//当鼠标按下时,触发onmousemove、onmouseup事件,以实现元素的可拖拽效果
		eleDrags[i].onmousedown = function(ev){
			ev = ev || event;
			var objDOM = this;
			var y0 = this.offsetTop;
			var y1 = ev.clientY;

			eleDrop.onmousemove = function(ev){
				ev = ev || event;
				y2 = ev.clientY;
				//当鼠标移动时,控制被拖拽元素跟随鼠标移动
				//改变被拖拽元素的属性
				Y = (y2 - y1);
				objDOM.style.position = "
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值