<p>值更改时的javascript函数</p>

Question

我有一段html（见下文），其中

中的值会不断变化，具体取决于网络摄像头扫描的内容。

 <canvas id="qr-canvas" width="320" height="240" style="display:none"></canvas>
        <h3 id="qr-value">value changes here</h3>

我希望在值包含以下文本时触发javascript函数 - ＆＃34; Job＆＃34;。我试过.onchange，但我觉得我做错了？

 document.getElementById('qr-value').onchange = function (e) {
      if ($('#qr-value').val() == 'Job') {
          alert('Changed!')
      }
    };

谁能看到我做错了什么？

Answer 1

你的元素必须是一个输入元素，它不会在h，div，span等上工作。

你必须有一些功能改变那里的值，所以我只是在改变值后把代码放在其中。如果它来自某个库，也许它有钩子

Answer 2

onchange函数不适用于h3元素。您可以尝试输入，选择或textarea元素。

接下来，您可以尝试将onchange事件指向的函数放入html内联。

<input id="qr-value" onchange = "myFunction()">value changes here</input>

然后在javascript中有一个名为myFunction的函数，它执行你正在寻找的检查。点击此处查看：http://www.w3schools.com/jsref/event_onchange.asp

Answer 3

如果基于网络摄像头的输入以编程方式更新h3的值，为什么当值为“作业”时，该代码的相同部分不能调用该函数？