个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
这是无效的代码:
// money related syntax (yellow)
var SyntaxmoneyReg = /\b(StartingCurrency|Hello)(?=[^\w])/g
function myFunction() {
var input = document.getElementById("myInput")
var data = input.value;
document.getElementById("demo").innerHTML = "You wrote: " + data;
data = data.replace(SyntaxmoneyReg, '<span class="code-money">$1</span>');
input.innerHTML = data;
document.getElementById("myInput").focus();
}.code-money { color:blue; }<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<body>
<p>Write something in the text field to trigger a function.</p>
<input type="text" id="myInput" oninput="myFunction()" contenteditable="true">
<p id="demo"></p>
</body>
</html>在我的“data.replace”检测到匹配后，每次我输入一个字母时，我都会失去文本框的焦点。
最佳答案
我已经移动了 </span>从初始数据替换。 问题 在于 $1</span> .
修改为$i+'</span>' 修复失去焦点的问题。
要激活您的 span 样式，您需要修复您的 innerHTML。问题出在document.getElementById("demo").innerHTML = "You wrote: " + data; .您可以删除 document.getElementById("demo").innerHTML = "You wrote: " + data;和 input.innerHTML = data; .
添加 var div= document.querySelector('div');
然后修改 div.innerHTML = "You wrote: " + data;
解决问题。
您还可以删除 document.getElementById("myInput").focus();这是多余的。
尝试以下 fiddle :
// money related syntax (yellow)
var SyntaxmoneyReg = /\b(StartingCurrency|Hello)(?=[^\w])/g
function myFunction() {
var input = document.getElementById("myInput");
var div= document.querySelector('div');
var data = input.value;
data = data.replace(SyntaxmoneyReg, '<span class="code-money">$1'+'</span>');
div.innerHTML = "You wrote: " + data;
}.code-money { color:blue; }<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<body>
<p>Write something in the text field to trigger a function.</p>
<input type="text" id="myInput" oninput="myFunction()" contenteditable="true">
<div id="demo"></div>
</body>
</html>关于javascript - 替换正则表达式后，我失去了对 <input> 的关注，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53754050/
24
4
0
众所周知，jQuery 的 $.post 函数非常棒，但我遇到的问题是查看页面源代码的人可以查看数据的去向，从而移向该页面进行窥探，或者，上帝禁止找到保存所有内容的文件夹。所以我的问题是，谁知道如何隐
我在下面有这个程序，它执行简单的关注/取消关注功能。一切都很好，除了当我刷新页面时，只有行中的第一个用户保留正确的关注/取消关注按钮。示例 我可以关注 user1 user2 和 user3，但是当我
我想要创建的是一个关注者/关注系统，您不是简单地关注用户，而是关注他们共享的内容部分。几乎就好像您关注的是 Twitter 的“列表”或群组而不是人员。不过，有了这个，您就可以关注/取消关注用户共享的
这个问题已经有答案了: facebook social plug-in not showing up when added dynamically (2 个回答) 已关闭 7 年前。 使用 HTML
我正在构建一个编辑器，它使用 TImage 来显示图片，并具有鼠标事件来能够在图像上绘制、移动框和调整框大小。这一切都很完美。现在我正在尝试实现使用键盘上的箭头移动选定框的功能，但是A)TImage没
我有两个问题，请记住我是一个java新手1.我有一个使用 JFrame 创建 GUI 的类。JFrame 有 2 个面板，我使用 JSplitPane 添加了 问题是我可以设法将焦点设置在所需的 JP
我目前正在使用iOS应用程序进行开发，该应用程序会从流式API捕获一些推文。因此，我使用用户名和密码进行身份验证。除此之外，我想给用户提供在Twitter上关注某些人的机会。我创建了一个UIButto
有没有办法钩入Play evolutions framework这样当它成功从 n.sql 迁移时至 n+1.sql至 n+2.sql ...，它在 Play 应用程序中调用了一些成功后 Hook (
我的 gorm 中有文本模式为多行的文本框。我必须通过 jQuery 将 css 应用到该文本框。为此，我使用了以下脚本。 $(document).ready(function() {
我在强制关注动态生成的 JQuery 对话框内容中的文本字段时遇到问题。我已经在 google 上搜索过这一点，似乎如果 Jquery 对话框设置为模式，JQuery 将“窃取”文档级别的焦点。老实说
下午，我正在使用 PHP、HTML5 和 Bootstrap。我构建了一个分为 5 个选项卡的表单，该表单中有几个必填字段。所有必需的输入字段都是“文本”，并且还标有 required="requir
我创建了一个带有 GridView 的 WPF 页面。在 GridView 中，每行有 5 个可用的 TextBox。当我在第一行的第一个 TextBox 上输入数据，然后按 Tab 键时，焦点移动到
请给我Java中密码验证的正则表达式代码，它应该由一个大写字符、一个整数、一个后面的符号(@、#、$、%、^、&、+、=)和小字符组成。 我一直在尝试使用不同的独立正则表达式和一个组合的正则表达式。
我想在我的 mean-stack 网页上添加一个 Twitter 的关注按钮。我使用以下代码: https://jsbin.com/herikik/3/edit?html,output 在 Ma
在下添加如下代码后到我在 Tumblr 上的主题 .tail { position:fixed; bottom:0px; right:0px; margin-bottom:434px; margin-
我必须从 Angular 应用程序启动一系列窗口。我希望能够让用户单击主页上的按钮以使该窗口重新成为焦点。通常我会在 javascript 中使用类似以下内容来执行此操作: //Launch the
因此，我想显示一些用 AND 或 OR 连接的规则，并且我想为 AND 或 OR 添加颜色，如红色、绿色等。 Fruit = Apple AND Market = SuperMarket1 那么我应该
我正在开发 Windows 商店应用程序，我正在使用 ListView 控件动态添加数据。这些项目被添加到列表的末尾。 Scrollbar 在添加更多数据时出现。我想用底部的滚动条以编程方式突出显示最
(问题仅在 Ubuntu 中出现。在 Windows 中工作正常。我不知道在其他 Linux 环境中) 我已经使用 ComponentListener 的方法在对话框中调用 JTextField 中的
如何将焦点放在时间选择器元素上？我正在开发电视应用程序，因此需要远程操作。所以我需要关注每个元素。TimePicker 有 3 个元素 - 小时列、分钟列和 AM/PM 列。 那么我如何才能专注于这
我是一名优秀的程序员,十分优秀！