登入
 
MSDN > 論壇首頁 > Bing Maps: Map Control Development > How to disable Mouse wheel event?
發問發問
搜查論壇：
 

已答覆How to disable Mouse wheel event?

  • Tuesday, 29 May, 2007 22:25NAVI2 使用者勳章使用者勳章使用者勳章使用者勳章使用者勳章
     
    登入以投票
    0
    登入以投票
    Can anyone help me how to disable mousewheel event for VE map? My application want to disable the mouse wheel action for zooming.
     

解答

  • Wednesday, 30 May, 2007 0:12Derek Chan Old 使用者勳章使用者勳章使用者勳章使用者勳章使用者勳章
     已答覆
    登入以投票
    0
    登入以投票

    Sure, just override the behaviour of a mousewheel using VE Events.  Sample code that demonstrates this below:

    Code Snippet


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
       <head>
          <title></title>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <script src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=5"></script>
          <script>
          var map = null;
               
          function GetMap()
          {
             map = new VEMap('myMap');
       map.LoadMap();
       map.AttachEvent("onmousewheel", ShapeHandler);
       }  
    function ShapeHandler(e)
    {
      return true;
    }
          </script>
       </head>
       <body onload="GetMap();">
          <div id='myMap' style="position:relative; width:400px; height:400px;"></div>
       </body>
    </html>
         

     
    Hope that helps,

     
  • Tuesday, 23 October, 2007 17:23Richard_BrundrittMVP, 版主使用者勳章使用者勳章使用者勳章使用者勳章使用者勳章
     已答覆
    登入以投票
    0
    登入以投票
    If you want to disable the zooming of the mouse wheel but still be able to scroll the page when over top of the map you can do what I did in the sample code below.

    Code Block

    <html>
       <head>
          <title></title>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <script src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6"></script>
          <script>
             var map = null;
             var pinID = 1;
             var y=0;
             function GetMap()
             {
                map = new VEMap('myMap');
                map.LoadMap();
                map.AttachEvent("onmousewheel", wheelCallback);
             }  
           
            function wheelCallback(e)
            {
                //returning true to cancel default action.
               
                window.scrollBy(0,-5*e.mouseWheelChange);

                 return true;
            }
            
             function AddPin()
             { 
                 try
                 {
                      map.DeleteAllShapes();
                     var latlong=new VELatLong(parseFloat(document.getElementById('lat').value),parseFloat(document.getElementById('long').value));
                    var shape = new VEShape( VEShapeType.Pushpin,latlong);
                    map.AddShape(shape);
                    map.SetCenterAndZoom(latlong, 15);
                }
                catch(e)
                 {
                    alert(e.message);
                 }
             }  
          </script>
       </head>
    <body onload="GetMap();">
    <div align="center">
    <div id='myMap' style="position:relative; width:600px; height:400px;"></div>
    Lat: <INPUT id="lat" type="text" name="start" value="0"/>
    Long: <INPUT id="long" type="text" name="end" value="0"/>
    <INPUT id="addpin" type="button" value="Add Pin" name="addpin" onclick="AddPin();">
    </div>
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br />End of page
       </body>
    </html>


     

所有回覆

  • Wednesday, 30 May, 2007 0:12Derek Chan Old 使用者勳章使用者勳章使用者勳章使用者勳章使用者勳章
     已答覆
    登入以投票
    0
    登入以投票

    Sure, just override the behaviour of a mousewheel using VE Events.  Sample code that demonstrates this below:

    Code Snippet


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
       <head>
          <title></title>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <script src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=5"></script>
          <script>
          var map = null;
               
          function GetMap()
          {
             map = new VEMap('myMap');
       map.LoadMap();
       map.AttachEvent("onmousewheel", ShapeHandler);
       }  
    function ShapeHandler(e)
    {
      return true;
    }
          </script>
       </head>
       <body onload="GetMap();">
          <div id='myMap' style="position:relative; width:400px; height:400px;"></div>
       </body>
    </html>
         

     
    Hope that helps,

     
  • Wednesday, 30 May, 2007 17:03NAVI2 使用者勳章使用者勳章使用者勳章使用者勳章使用者勳章
     
    登入以投票
    0
    登入以投票
    thanx  Derek its working as per my requirment, its a very simple change Smile
     
  • Tuesday, 23 October, 2007 11:51ymikhel 使用者勳章使用者勳章使用者勳章使用者勳章使用者勳章
     
    登入以投票
    0
    登入以投票
    Hi,

    What if I'd like to change map's event(s) to my handler upon certain conditions, and restore it to the native behaviour after? How do I get the native handler for a map's event(s)?

    Regards,
     
  • Tuesday, 23 October, 2007 12:28Craig731 使用者勳章使用者勳章使用者勳章使用者勳章使用者勳章
     
    登入以投票
    0
    登入以投票
    Code Block

    map.DetachEvent("[Handler]", "function()");


    That will cancel out your EventHandler
     
  • Tuesday, 23 October, 2007 17:23Richard_BrundrittMVP, 版主使用者勳章使用者勳章使用者勳章使用者勳章使用者勳章
     已答覆
    登入以投票
    0
    登入以投票
    If you want to disable the zooming of the mouse wheel but still be able to scroll the page when over top of the map you can do what I did in the sample code below.

    Code Block

    <html>
       <head>
          <title></title>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <script src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6"></script>
          <script>
             var map = null;
             var pinID = 1;
             var y=0;
             function GetMap()
             {
                map = new VEMap('myMap');
                map.LoadMap();
                map.AttachEvent("onmousewheel", wheelCallback);
             }  
           
            function wheelCallback(e)
            {
                //returning true to cancel default action.
               
                window.scrollBy(0,-5*e.mouseWheelChange);

                 return true;
            }
            
             function AddPin()
             { 
                 try
                 {
                      map.DeleteAllShapes();
                     var latlong=new VELatLong(parseFloat(document.getElementById('lat').value),parseFloat(document.getElementById('long').value));
                    var shape = new VEShape( VEShapeType.Pushpin,latlong);
                    map.AddShape(shape);
                    map.SetCenterAndZoom(latlong, 15);
                }
                catch(e)
                 {
                    alert(e.message);
                 }
             }  
          </script>
       </head>
    <body onload="GetMap();">
    <div align="center">
    <div id='myMap' style="position:relative; width:600px; height:400px;"></div>
    Lat: <INPUT id="lat" type="text" name="start" value="0"/>
    Long: <INPUT id="long" type="text" name="end" value="0"/>
    <INPUT id="addpin" type="button" value="Add Pin" name="addpin" onclick="AddPin();">
    </div>
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br />End of page
       </body>
    </html>