如何在JavaScript中实现传感器值从0转1时触发函数？

问题根源 #

onchange、oninput这类事件仅在用户手动交互修改输入框内容时触发——当你通过JavaScript代码直接修改input的value属性时，浏览器不会自动触发这些事件，所以绑定的myfunction()自然不会执行。

解决方案 #

这里有两种简单直接的原生JS方案，适配你的场景：

方案1：手动触发事件 #

每次用JS更新传感器值后，手动触发change事件，让绑定的函数执行。

修改后的代码示例：

<tr>
  <td><input readonly type='text' style="font-size: xx-large;" id='sensorValue' value="0" onchange="myfunction()"><label id='unit' >V/V</label></td>
</tr>

// 封装传感器值更新函数
function updateSensorValue(newValue) {
  const sensorInput = document.getElementById('sensorValue');
  // 更新输入框值
  sensorInput.value = newValue;
  // 手动触发change事件
  sensorInput.dispatchEvent(new Event('change'));
}

// 你的运动触发逻辑
function myfunction() {
  console.log("检测到运动，执行通信脚本");
  // 这里放入你已验证有效的通信代码
}

之后你只需要在传感器状态变化时调用updateSensorValue(1)或updateSensorValue(0)即可。

方案2：直接在更新逻辑中判断触发 #

不需要依赖输入框事件，在更新值的同时直接检查状态变化，符合条件就执行函数（适合逻辑简单的场景）。

代码示例：

// 封装传感器值更新函数
function updateSensorValue(newValue) {
  const sensorInput = document.getElementById('sensorValue');
  // 保存上一次的值，用于判断状态变化
  const prevValue = sensorInput.value;
  
  // 更新输入框值
  sensorInput.value = newValue;
  
  // 检查是否是从0变为1，符合则触发函数
  if (prevValue === '0' && newValue === 1) {
    myfunction();
  }
}

function myfunction() {
  console.log("检测到运动，执行通信脚本");
  // 你的通信代码
}

这种方式跳过了输入框事件的依赖，直接在数据更新时做判断，更直观。

内容的提问来源于stack exchange，提问作者Jonathan3Z