Javascript 在 keyup 和 keydown 上改变颜色不起作用

Question

我正在尝试遵循我在这里看到的示例 http://jsfiddle.net/antoKing/gFkY2/ 。但对我来说它不起作用。当我运行我的应用程序并开始在文本框中输入时，什么也没有发生。

$(document).ready(function() {
  $("#txtBrandFooter").keydown(function() {
    text_changed();
  });

  $("#txtBrandFooter").keyup(function() {
    $("#txtBrandFooter").css("background-color", "pink");
  });
});

function text_changed() {
  $("#txtBrandFooter").css("background-color", "yellow");
}

<%-- <asp:TextBox  CssClass="gridTextbox" ID="txtBrandFooter" runat="server" />--%>
<input class="gridTextbox" id="txtBrandFooter" type="text" name="brand" value="" />

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://code.jquery.com/jquery-migrate-1.1.0.min.js"></script>

Answer 1

$(document).ready(function() {
  $("#txtBrandFooter").keydown(function() {
    text_changed();
  });

  $("#txtBrandFooter").keyup(function() {
    $("#txtBrandFooter").css("background-color", "pink");
  });
});

function text_changed() {
  $("#txtBrandFooter").css("background-color", "yellow");
}

<input class="gridTextbox" id="txtBrandFooter" type="text" name="brand" value="" />

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://code.jquery.com/jquery-migrate-1.1.0.min.js"></script>