如何在 Contact Form 7 输入字段中定位键盘事件答案

【问题标题】：How to target keyboard events in Contact Form 7 input fields如何在 Contact Form 7 输入字段中定位键盘事件
【发布时间】：2017-08-01 23:17:35
【问题描述】：

我只是想能够从 Contact Form 7 生成的表单输入中定位键盘事件。但由于与简单的手动 HTML 表单相比，Contact Form 7 中的输入字段是使用更复杂的标记和 Javascript 创建的，因此我不知道如何定位任何事件，甚至是否可能。

我似乎也找不到任何关于此的文档。

这是我希望工作的一个例子：

[文本*名字类：名字 onkeyup="MyFunction()"]

显然，这不起作用。

【问题讨论】：

【解决方案1】：

这不起作用？（即使你用<script> 标签包裹它也不行？）

$(".first-name").on("keyup", function () {
 // Do your stuff.
});

我不熟悉 Contact Form 7，但浏览器会在编译完所有内容后像普通 HTML/JS/CSS 一样处理所有内容。因此，如果您有地方可以包含 JS，那么这肯定会起作用。

编辑：在详细阅读了 Contact Form 7 之后，我不明白为什么用 <script> 标记包装并放置在 Contact Form 7 编辑器底部时它不应该工作。

也请查看this question。

【讨论】：

我将 OPs 问题改得更清楚，并删除了“创建方式与 HTML 不同”位
好的，让我们看看 OP 怎么说。谢谢
我正在尝试。我无法让它发挥作用。我仍在检查以确保我没有输入任何错误。我还在学习。
据我所知，CF7 中应该有一个编辑器（您可以在其中键入所有代码）。在该编辑器的最底部，包含<script> $(".first-name").on("keyup", function () { $(".first-name").css({"background-color":"red"}); }); </script> 并查看输入字段是否在您键入时变为红色。
这是我在 wordpress header.php 文件的脚本标签中放置的内容： $(".first-name").on("keyup", function lettersOnly(input) { var regex = /[^az]/gi; input.value = input.value.replace(regex, ""); });它不起作用。对不起，我还在习惯 StackOverflow。因此，如果此评论令人困惑，我深表歉意。