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

时间:2019-05-08 12:44:24

标签: javascript jquery asp.net

我正在尝试遵循在这里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>

1 个答案:

答案 0 :(得分: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>