Question

我希望能够通过Id调用画布，具体取决于鼠标上单击的按钮，使用switch语句读取单击的按钮，如何使用此switch语句存档

正在创建一个可点击的地图，当有人点击某个省时，它会显示按年龄和性别划分的人口差异图，所以这个画布正在按住图表，所以如何点击地图上的点击我正在使用一个svg图像

<canvas id="myChart" width="400" height="400"></canvas>
<canvas id="myBar"   width="400" height="400"></canvas>

 <script>
 $(document).ready(function()
              {

    $('#map g').mousedown(function(event) {
switch (event.which) {
    case 1:
        document.getElementById('myBar').addEventListener('click',         function());
        break;
    case 2:
        alert('Middle Mouse button pressed.');

        break;
    case 3:
          document.getElementById('myChart').addEventListener('click',         function());
        break;
    default:
        alert('You have a strange Mouse!');
}
 });                
              });

</script>

Answer 1

如果你想要的是jQuery中的代码：

<canvas id="myChart" width="400" height="400"></canvas>
<canvas id="myBar"   width="400" height="400"></canvas>

<script>
   $(document).ready(function() {
      $('#map g').mousedown(function(event) {
          event.preventDefault();
          switch (event.which) {
            case 1: $("#myBar").on('click', function(){
                                               //what you need to do
                                             });
            break;
            case 2: alert('Middle Mouse button pressed.');
            break;
            case 3:$("#myChart").on('click', function(){
                                                //what you need to do
                                             });
            break;
            default: alert('You have a strange Mouse!');
            break;
          }
      });                
   });
</script>

您还想使用event.preventDefault()，以避免点击事件执行默认选项（子菜单）

如何在jquery switch语句中调用div

1 个答案: