如何根据Object1的开关状态控制Object2的点击响应？

云上老周

2026-8-17

问题分析与修复方案

你的代码存在几个核心问题：

开关逻辑完全搞反了：现在不管Switch是开是关，都会先弹出输入框，根本没实现"OFF时不响应点击"的效果。应该先判断Switch状态，OFF的话直接终止函数，不让后续代码执行。
样式设置缺单位：设置宽高时只写数字，浏览器无法识别，必须加上px这类单位。
逻辑重复且互相覆盖：你先判断了输入值是否≤1000，后面又用Switch的判断覆盖了之前的样式设置，导致前面的大小校验等于白做。
没处理异常输入：用户点取消、输入非数字时，Number(userinput)会变成NaN，这时候会导致样式设置出错。

修复后的代码：

function handleObject2Click() {  // 建议函数名更语义化，避免和内置事件名冲突
  // 先判断开关状态，OFF直接返回，不执行后续逻辑
  if (!Switch) {
    return;
  }

  var userinput = prompt("请输入数字");
  // 处理用户取消输入的情况
  if (userinput === null) {
    return;
  }

  var userinputnum = Number(userinput);
  // 处理非数字输入
  if (isNaN(userinputnum)) {
    alert("请输入有效的数字！");
    return;
  }

  var object2 = document.querySelector('.Object2');
  
  if (userinputnum <= 1000) {
    // 加上px单位
    object2.style.width = userinputnum + 'px';
    object2.style.height = userinputnum + 'px';
  } else {
    alert('太大了！');
  }
}