单击事件：switch 语句不起作用

debugcn 发表于 Dev

用户10486741

我试图根据点击的 var 触发多个点击事件，但是 switch 语句不起作用。我认为它是 Switch 参数中的“var”，但我不知道如何纠正它：

var buttonQ = document.getElementById('Heater1button');
var buttonW = document.getElementById('Heater2button');
var buttonE = document.getElementById('Heater3button');
var buttonA = document.getElementById('Heater4button');
var buttonS = document.getElementById('Heater6button');
var buttonD = document.getElementById('OpenHHbutton');
var buttonZ = document.getElementById('KicknHat');
var buttonX = document.getElementById("Kickbutton");
var buttonC = document.getElementById('CClosedHHbutton');

$(document).click(function() {
  switch (var) {
    case buttonQ:
      document.getElementById('Q').play(), $("#displaytext").text("Heater 1")
      break;
    case buttonW:
      document.getElementById('W').play(), $("#displaytext").text("Heater 2")
      break;
    case buttonE:
      document.getElementById('E').play(), $("#displaytext").text("Heater 3")
      break;
    case buttonA:
      document.getElementById('A').play(), $("#displaytext").text("Heater 4")
      break;
    case buttonS:
      document.getElementById('S').play(), $("#displaytext").text("Heater 6")
      break;
    case buttonD:
      document.getElementById('D').play(), $("#displaytext").text("Open HH")
      break;

    case buttonZ:
      document.getElementById('Z').play(), $("#displaytext").text("KicknHat")
      break;
    case buttonX:
      document.getElementById('X').play(), $("#displaytext").text("Kick")
      break;
    case buttonC:
      document.getElementById('C').play(), $("#displaytext").text("Closed HH")
      break;
  }
})

红熊猫

像这样的东西？

$(document).click(function(e) {
var id = e.target.id;
  switch (id) {
    case "Heater1button":
      document.getElementById('Q').play(), $("#displaytext").text("Heater 1")
      break;
    case "Heater2button":
      document.getElementById('W').play(), $("#displaytext").text("Heater 2")
      break;
  }
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。