拖拽事件
onload =
function(){
var div = document.getElementsByTagName(
"div")[
0];
div.onmousedown =
function(evt){
var event = evt||window.event;
var offsetX = event.offsetX;
var offsetY = event.offsetY;
document.onmousemove =
function(evt){
var event = evt||window.event;
div.style.left = (event.clientX+document.documentElement.scrollLeft-offsetX)+
"px";
div.style.top = (event.clientY+document.documentElement.scrollTop-offsetY)+
"px";
}
}
div.onmouseup =
function(){
document.onmousemove =
null;
}
}
阻止右键
document
.oncontextnu=function(){
var event=evt||window
.event
event
.preventDefault?event
.preventDefault():event
.returnValue=false
}
onload=function(){
var box=document
.getElementById(
"box")
//创建一个保存坐标的数组
var positionArr=[]
var p=new Object()
p
.x=box
.style.left
p
.y=box
.style.top
positionArr
.push(p)
box
.onmousedown=function=function(evt){
var event=getEvent(evt)
var offsetX=event
.offsetX
var offsetY=event
.offsetY
document
.onmousemove=function(evt){
var event=getEvent(evt)
box
.style.left=(event
.clientX+document
.documentElement.scrollLeft-offsetX)+
"px"
box
.style.left=(event
.clientY+document
.documentElement.scrollTop-offsetY)+
"px"
//把拖动过程中坐标保存下来
var obj =new Object()
obj
.x=box
.style.left
obj
.y=box
.style.top
positionArr
.push(obj)
}
}
box
.onmouseup=function(){
document
.onmousemove=null
}
document
.getElementById(
"review")
.onclick=function(){
//得到数组的最大坐标
var i=positionArr
.length-
1
var id =setInterval(function){
var position=positionArr[i]
//alert(position
.x"-"+position
.y)
if(i<
0){
clearInterval(id)
}
box
.style.left=position
.x
box
.style.top=position
.y
-i
},
50)
}
}
function getEvent(evt){
return evt||window
.event
}
转载请注明原文地址: https://ju.6miu.com/read-962665.html
