js按住鼠标左键拖动代码（鼠标中键拖动）

今天给各位分享js按住鼠标左键拖动代码的知识，其中也会对鼠标中键拖动进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、javascript 拖拽移动滚动条
• 2、鼠标上下拖动网页的JS
• 3、JS鼠标事件大全 JS鼠标事件有哪些

javascript 拖拽移动滚动条

script type="text/javascript"

var _y;

var scrolling=false;

document.onmousedown=function(e){

var e = window.event || e;

_y = e.clientY;

scrolling=true;

};

document.onmousemove = function(e){

if(!scrolling) return;

var e = window.event || e;

document.body.style.cursor="move";

var move=(e.clientY-_y)/10;

var scrollTop=document.body.scrollTop + document.documentElement.scrollTop;

window.scrollTo(0,scrollTop+move);

};

document.onmouseup=function(){

scrolling=false;

document.body.style.cursor="default";

};

/script

不足是会选中文字- -！

鼠标上下拖动网页的JS

写好了，注意禁止文本选择功能只兼容了IE 火狐下只禁止了鼠标右键，因为mousedown事件有冲突，你可以通过CSS来实现，达到完美兼容，CSS禁止文本选择网上有资料我就不写了。

script type="text/javascript"

document.onmousedown = function ()

{

document.onmousemove= function (ev)

{

var oEvent = ev ||event;

window.scrollTo(oEvent.clientX,oEvent.clientY);

}

document.onmouseup = function ()

{

document.onmouseup = null;

document.onmousemove=null;

}

}

document.oncontextmenu = function ()

{

return false;

}

window.onload = function ()

{

var oBody = document.getElementsByTagName('body');

oBody[0].oncopy= function ()

{

return false;

}

if(document.all)

{

document.onselectstart= function ()

{

return false;

}

}

}

/script

JS鼠标事件大全 JS鼠标事件有哪些

1、如图首先在一个文件夹下创建index.html文件。

2、然后用可编辑文本文件的软件打开index.html文件，index.html的初始内容如图。

3、js的鼠标事件主要有onclick：单击事件ondbclick：双击事件onmouseover：鼠标移入事件onmouseout：鼠标移出事件onmousedown：鼠标按下事件onmouseup：鼠标松开事件。首先实现鼠标左键单击和双击的js代码如图。

4、编辑完index.html文件后，用浏览器打开index.html文件，效果如图。当鼠标左键单击span时显示"触发鼠标单击事件"，双击span时显示"触发鼠标双击事件"。

5、接着实现鼠标的移入和移出事件。如图修改index.html文件。

6、最后实现鼠标的点下和松起事件。如图修改index.html文件。

7、修改完index.html文件后，用浏览器打开index.html文件，效果如图。

js按住鼠标左键拖动代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于鼠标中键拖动、js按住鼠标左键拖动代码的信息别忘了在本站进行查找喔。