当前位置: 首页 > 面试题库 >

有没有一种方法可以对输入字段的值的一部分进行样式设置?

易飞文
2023-03-14
问题内容

我正在使用一个<input>字段,我希望在用户以其他颜色键入时设置字段的样式。例如,假设的<input>样式声明为,color: red;而我想将其中的 一部分 更改为color: blue;。有什么办法可行吗?

如果没有(我怀疑),那么关于如何在保持语义标记的同时如何模拟这种效果的任何创意?


问题答案:

您的猜想是正确的:样式仅适用于整个输入。

由于样式只能应用于整个元素,因此解决方案将要求每种所需颜色至少包含一个元素。

考虑相对于用户进行更改的点的输入字段的划分。输入分为三部分:

  • 在应用更改之前
  • 在应用更改之后
  • 在这一点上正在应用更改

您无法使用单个输入元素来实现此目的。并且随着更改的应用点可以更改,由三个元素包装的“输入”部分也将更改。解决方案需要JavaScript。

您最初应该包括常规输入元素,并放弃任何所需的颜色。使用JavaScript将输入替换为合适的容器元素。可以设置样式以模仿输入元素。

发生更改时,请使用JavaScript识别上述三个部分。根据需要将它们包装在适当的元素中(最好是跨度)和颜色。

对于生成的替换标记,请考虑以下起点:

<div class="input">
  <span class="nonEdited before">foo</span>
  <span class="edited">fizz</span>
  <span class="nonEdited after">bar</span>
</div>

使用click,keydown和keyup事件来找出输入的三个部分,并根据需要套用伪造的输入的三个部分。



 类似资料:
  • c#中的等价物是: 我只评论了一行的一部分,这样我就不会忘记我做的小加法,我可以通过删除/*和*/来重新激活它 我想在Excel的VBA中也这样做: 我认为没有办法直接做到这一点。尽管如此,能够评论部分内容还是非常有用的。。。 有没有办法至少模拟一下?

  • 问题内容: 我有一个.csv文件,如下所示: 我必须从文件中删除重复的电子邮件(整行)(即,上面示例中包含的行之一)。如何仅在字段1(用逗号分隔)上使用?根据,没有列选项。 我尝试了一些东西,但是没有用。 问题答案: 为了独特 所以逗号是定界符 对于关键字段1 测试结果:

  • 问题内容: 如果输入大小太小,则库会自动序列化 流中地图的执行,但是这种自动化不会并且也不会考虑地图操作的繁重程度。有没有办法 强制parallelStream()实际并行化CPU重映射? 问题答案: 似乎存在根本的误解。链接的“问答”讨论了由于OP没有 看到预期的加速,流显然不能并行工作。结论是,有没有好处在 并行处理工作负载是否太小,不,有一个自动回退到顺序执行。 实际上是相反的。如果您请求并

  • 我有一个文档,它包含一个数组,如下所示。这是第一份文件。 我需要在聚合框架中用nestedData数组中的_id查找(连接)到另一个集合。

  • 假设我有一个原型,并从中生成一个项目。但我想通过命令行传递占位符的值来解析在生成后生成的项目的属性文件中的占位符。 例如,具有以下命令行: mvn原型:创建-DarchetypeGroupId=...-DarchetypeartifactId=...-DarchetypeVersion=1.0-DgroupId=...-DartifactId=my-project-Dversion=1.0-SNA

  • 我已经开发了一些代码,并且我的所有方法都使用了我创建的名为Account的自定义对象。我现在把帐户分成两种不同的帐户,存款帐户和储蓄帐户。我的问题是,我的所有方法都使用原始的account对象,因此,我将不得不为每个不同类型的account使用两次相同的方法。这看起来效率很低,改变起来有点繁琐。理想情况下,我希望接受用户输入saving/destine,然后创建相关对象并重复使用,这样我就不需要定