使用函数 onChange答案

【问题标题】：Using Function onChange使用函数 onChange
【发布时间】：2015-02-27 17:35:16
【问题描述】：

我有一个文本输入：

<input class="stops" id="stops" onchange="stopsChanged();">

而我当前的 JavaScript 看起来像：

<script>
  function stopsChanged(){
    alert();
  }
</script>

但是当我运行我的代码时，我得到了这个错误：

ReferenceError:stopsChanged 未定义

为什么会出现这个错误？

【问题讨论】：

【解决方案1】：

您必须在您的<input> 所在的页面上包含您的JS 文件

<script type="text/javascript" src="path/to/your/file.js"></script>

编辑：

可能发生的情况是您将JS 文件包含在 <input> 加载到DOM 之后。通过这种方式，HTML 会在您的function 出现之前尝试访问它。尝试将您的 <script> 放在您的 HTML 的 <head> 中，并确保它不在 .ready() 函数或类似函数中。

【讨论】：

【解决方案2】：

试试这个方法。

HTML：

<input id="stops">

JS：

document.getElementById('stops').onchange = function(){
    console.log('test');   
}

在功能和表现的分离方面也更好。

【讨论】：

【解决方案3】：

我认为您的问题是您的外部 javascript 文件中有 HTML 标记。您不需要在 .js 文件的内容中使用 html 标记包装外部 javascript 代码。

如果您使用的是外部文件引用，请确保在您的 HTML 文件中定义您的脚本类型：

<script type="text/javascript" src="http://www.yoursource.com/file.js"></script>

在某些浏览器中，如果没有在开始标签中定义类型，它将不知道如何解析外部资源。

【讨论】：

脚本类型是可选的，默认等于 text/javascript
@aduch，如果脚本在括号内定义，那么您是对的。但是，如果脚本资源通过脚本标记中的“src”属性是外部的，则不会。
您对 HTML
@Nejthe，我能想到的唯一一件事是您的 stopChanged() 函数定义上方的其他函数之一中的语法不正确。这将是一个未闭合/打开的括号，它在解析外部文件时会破坏浏览器。