javascript - 更改键入值的文本颜色，而不更改已存在值的颜色。使用 css3 或 javascript 或 jquery

Question

我有一个日期文本框，其中我使用了显示 dd/mm/yyyy 的占位符

单击文本框时，它显示一个 value="dd/mm/yyyy"，为此我使用了掩码输入插件，我的查询是我想更改我正在输入的数字的颜色，保留剩余内容颜色不变。 我们怎样才能做到这一点。

请参阅此屏幕截图以供引用。

我尝试通过按键来更改颜色，但更改了输入中存在的所有内容。

Answer 1

有什么酷的东西吗？ 检查这个jsfiddle 这会改变颜色取决于你想要的值

$('.getvalueofinput').keydown(function() {
  var value1, value2;
  value1 = $('.getvalueofinput').val();
  value2 = $('.equalvalue').text();
  if (value1 == value2) {
    alert('equal');
    $('.getvalueofinput').css('background-color', 'brown').css('color','white');
  }

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type=text class="getvalueofinput">
<span class='equalvalue' value='write me'>write me</span>