javascript - 事件方法上的jQuery不会触发

Question

我想在输入事件（任何字符）上删除输入元素的背景，但这不起作用

$(document).ready(function() {
  $("#username").css("background-color", "red");
  $("#password").css("background-color", "red");
  $("#username").on("input", function() {
    $(this).css("background-color", "none");

  $("#password").on("input", function() {
    $(this).css("background-color", "none");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="username" />
<input type="password" id="password" />

标签： javascriptjquerymethods

Answer 1

您有一些语法错误，您忘记关闭传递给的函数on。none也无效background-color，使用initial可能是您想要的。

$(document).ready(function() {
  $("#username").css("background-color", "red");
  $("#password").css("background-color", "red");
  $("#username").on("input", function() {
    $(this).css("background-color", "initial");
  });
  $("#password").on("input", function() {
    $(this).css("background-color", "initial");
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="username" />
<input type="password" id="password" />