66 lines
1.6 KiB
JavaScript
66 lines
1.6 KiB
JavaScript
var sch=0;
|
|
var ref_x=0;
|
|
var ref_y=0;
|
|
var c_y=0;
|
|
|
|
function mousedown(event) {
|
|
//alert("mousedown");
|
|
var e = window.event;
|
|
sch=1;
|
|
ref_x=e.pageX;
|
|
ref_y=e.pageY;
|
|
/*
|
|
var a1=document.getElementById("abc1");
|
|
a1.innerText="event.pageX="+ e.pageX+" "+"event.pageY="+e.pageY+" "+"event.clientX="+e.clientX+" "+"event.clientY="+e.clientY;
|
|
a1.style.color = 'yellow';
|
|
|
|
var a2=document.getElementById("abc2");
|
|
a2.style.color = 'black';
|
|
*/
|
|
}
|
|
|
|
function mouseup(event) {
|
|
//alert("mouseup");
|
|
var e = window.event;
|
|
sch=0;
|
|
c_y=0;
|
|
|
|
/*
|
|
var a1=document.getElementById("abc1");
|
|
a1.style.color = 'black';
|
|
|
|
|
|
var a2=document.getElementById("abc2");
|
|
a2.innerText="event.pageX="+ e.pageX+" "+"event.pageY="+e.pageY+" "+"event.clientX="+e.clientX+" "+"event.clientY="+e.clientY;
|
|
a2.style.color = 'red';
|
|
*/
|
|
}
|
|
|
|
function mousemove(event){
|
|
|
|
var e = window.event;
|
|
|
|
//var a3=document.getElementById("abc3");
|
|
//a3.style.color = 'blue';
|
|
|
|
var mx = e.pageX || e.clientX + document.body.scrollLeft;
|
|
// 计算鼠标指针的x轴距离
|
|
var my = e.pageY || e.clientY + document.body.scrollTop;
|
|
|
|
if(sch==1){
|
|
if(e.pageY>ref_y){
|
|
c_y = c_y + 1 //每次改变top
|
|
}
|
|
else{
|
|
c_y = c_y - 1 //每次改变top
|
|
}
|
|
window.scrollTo(0, window.pageYOffset + c_y) //滚动到需要到位置
|
|
}
|
|
/*
|
|
a3.innerText="c_y="+c_y+" "+"event.pageX="+ e.pageX+" "+"event.pageY="+e.pageY+" "+"event.clientX="+e.clientX+" "+"event.clientY="+e.clientY+" "+"event.mx="+mx+" "+"event.my="+my;
|
|
*/
|
|
// 计算鼠标指针的y轴距离
|
|
}
|
|
document.addEventListener("mousedown", mousedown);
|
|
document.addEventListener("mouseup", mouseup);
|
|
document.addEventListener("mousemove", mousemove); |