1、阻止默认事件 w3c的方法是e.preventDefault() IE则是使用e.returnValue = false; 2、获取浏览器的body的兼容性问题 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; document.body.scrollTop||document.documentElement.scrollTop 3,拖拽产生絮条 <script> window.onload = function(){ //所有的盒子都获取到 var box = document.getElementsByTagName("div"); //给文档绑定拖动事件 document.onmousemove = function(event){ var j= 0; //给一个计时器 var timer = setInterval(function(){ j++; //20毫秒显示一个box,然后随着光标移动(给盒子定位) //盒子的left和top值相当于光标的横纵坐标 box[j].style.display = "block"; box[j].style.left = (event.clientX-box[j].offsetWidth/2)+"px"; box[j].style.top = (event.clientY-box[j].offsetHeight/2)+"px"; if(j==box[j].length){ clearInterval(timer); } },50) } } </script>