87,910
社区成员
发帖
与我相关
我的任务
分享javascript中，在mousemove事件下如何判断鼠标左右键的点击啊？
javascript中，对图片的画线操作，在mousemove事件下如何判断鼠标左右键的点击啊？怎么在mousemove事件下鼠标的左右键单击不起作用啊？
...全文
请发表友善的回复…
发表回复
wei0527 2005-11-16
- 打赏
- 举报
谢谢各位了，做电子地图的多点测距问题已经基本解决。
xuzuning 2005-11-15
- 打赏
- 举报
onMouseUp
onMouseDown
onMouseDown
孟子E章 2005-11-15
- 打赏
- 举报
例如：在FireFox和 IE都支持的代码
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<SCRIPT language=JavaScript1.2>
if (window.Event)
document.captureEvents(Event.MOUSEUP);
function norightclick(e)
{
if (window.Event)
{
if (e.which == 2 || e.which == 3)
{
alert("您按了右键！?")
return false;
}
else
alert("您按了左键！！")
}
else
{
if (event.button == 2 || event.button == 3)
alert("您按了右键！！")
else
alert("您按了左键！！")
}
}
document.onmousedown = norightclick;
</SCRIPT>
右键的完整代码！支持IE NN!!!
</body>
</html>
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<SCRIPT language=JavaScript1.2>
if (window.Event)
document.captureEvents(Event.MOUSEUP);
function norightclick(e)
{
if (window.Event)
{
if (e.which == 2 || e.which == 3)
{
alert("您按了右键！?")
return false;
}
else
alert("您按了左键！！")
}
else
{
if (event.button == 2 || event.button == 3)
alert("您按了右键！！")
else
alert("您按了左键！！")
}
}
document.onmousedown = norightclick;
</SCRIPT>
右键的完整代码！支持IE NN!!!
</body>
</html>
孟子E章 2005-11-15
- 打赏
- 举报
非IE用e.which
zjyong0123 2005-11-15
- 打赏
- 举报
在event.button中,1表示左键,2表示右键
event.x表示鼠标当前的x坐标
event.y表示鼠标当前的y坐标
楼主可以onmousedown事件和mousemove事件上测试一下啊,或许你要做划线有一定启发
送楼主一个画线的函数
<script>
var winW= 480;
var winH= 360;
var MyStr="<object id=DDraw classid=\"clsid:369303C2-D7AC-11d0-89D5-00A0C90833E6\"";
MyStr+=" style=\"background:#FFFFFF;position:absolute;left:0;top:0;width:";
MyStr+=winW;
MyStr+=";height:";
MyStr+=winH;
MyStr+="\"></object>";
document.write(MyStr);
</script>
<script language=JavaScript>
var IsClick=0;
var MouseX0=0;
var MouseY0=0;
function MyDraw(){
if (IsClick) {
if ((MouseX0==0)&&(MouseY0==0)){
MouseX0=event.clientX-winW/2;
MouseY0=event.clientY-winH/2;
}
MouseX=event.clientX-winW/2;
MouseY=event.clientY-winH/2;
var Canvas=DDraw.DrawSurface;
var Lib=DDraw.Library;
Canvas.FillColor(Lib.red);
Canvas.Line(MouseX0,MouseY0,MouseX,MouseY);
DDraw.DrawSurface=Canvas;
MouseX0=MouseX;
MouseY0=MouseY;
}
}
function MyClick(){
IsClick=!IsClick;
MouseX0=event.clientX-winW/2;
MouseY0=event.clientY-winH/2;
}
document.onclick=MyClick;
document.onmousemove=MyDraw;
</script>
event.x表示鼠标当前的x坐标
event.y表示鼠标当前的y坐标
楼主可以onmousedown事件和mousemove事件上测试一下啊,或许你要做划线有一定启发
送楼主一个画线的函数
<script>
var winW= 480;
var winH= 360;
var MyStr="<object id=DDraw classid=\"clsid:369303C2-D7AC-11d0-89D5-00A0C90833E6\"";
MyStr+=" style=\"background:#FFFFFF;position:absolute;left:0;top:0;width:";
MyStr+=winW;
MyStr+=";height:";
MyStr+=winH;
MyStr+="\"></object>";
document.write(MyStr);
</script>
<script language=JavaScript>
var IsClick=0;
var MouseX0=0;
var MouseY0=0;
function MyDraw(){
if (IsClick) {
if ((MouseX0==0)&&(MouseY0==0)){
MouseX0=event.clientX-winW/2;
MouseY0=event.clientY-winH/2;
}
MouseX=event.clientX-winW/2;
MouseY=event.clientY-winH/2;
var Canvas=DDraw.DrawSurface;
var Lib=DDraw.Library;
Canvas.FillColor(Lib.red);
Canvas.Line(MouseX0,MouseY0,MouseX,MouseY);
DDraw.DrawSurface=Canvas;
MouseX0=MouseX;
MouseY0=MouseY;
}
}
function MyClick(){
IsClick=!IsClick;
MouseX0=event.clientX-winW/2;
MouseY0=event.clientY-winH/2;
}
document.onclick=MyClick;
document.onmousemove=MyDraw;
</script>
wei0527 2005-11-15
- 打赏
- 举报
在mousemove事件中，我想在一图片上画线，通过判断左右鼠标键的点击来画线的起点终点或者结束，可在鼠标移动的过程中，event.button的值始终是0啊，只有按住鼠标左右键拖动的时候，才是1或2。怎么办呢
tigerwen01 2005-11-15
- 打赏
- 举报
判断鼠标左右键:
event.button //改成button=1为左键，button=2为右键
event.button //改成button=1为左键，button=2为右键
