javascript - 带有 onfocus 事件的“未捕获的 ReferenceError：（函数）未定义”

Question

我在模板的 scala.html 文件中有这个输入（我使用 Play Framework）：

<input type="email" name="email" id="email" onfocus="isEmailExistF();" >

这个咖啡脚本：

  isEmailExistF = ->
    $("#email").fadeOut()

然后，当我关注输入 #email 时，什么也没有发生，控制台报告：

Uncaught ReferenceError: isEmailExistF is not defined
  > onfocus

但如果我onfocus用onblur或其他事件替换它是一样的。CoffeeScript 编译没问题，因为我还有其他可以正常工作的咖啡脚本。我尝试使用纯 jquery 来了解这是否是咖啡问题。我把这段代码嵌入到代码中：

<script>
var isEmailExistF;

isEmailExistF = function() {
  return $("#email").fadeOut();
};
</script>

它有效。我哪里错了？

编辑：脚本文件包含在<head>：

<script type="text/javascript" src="/assets/javascripts/main.js"></script>

内容（从coffeescript编译）是：

(function() {
  var isEmailExistF;
  isEmailExistF = function() {
    return $("#email").fadeOut();
  };
  $(document).ready(function() {
     ...

score 0 · Accepted Answer

在 HTML 代码中删除焦点属性：

<input type="email" name="email" id="email">

在 coffeescript 里面替换你的代码：

$(document).ready -> $(document).on("focus","#email",-> $(this).fadeOut())

1 回答 1