判断鼠标左右键:
event.button //改成button=1为左键,button=2为右键

解决方案 »

  1.   

    在mousemove事件中,我想在一图片上画线,通过判断左右鼠标键的点击来画线的起点终点或者结束,可在鼠标移动的过程中,event.button的值始终是0啊,只有按住鼠标左右键拖动的时候,才是1或2。怎么办呢
      

  2.   

    在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>
      

  3.   

    例如:在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>