每当我按下输入框内的键盘输入按钮(其中有文本)时,都会出现新的段落
New paragraph each time I press keyboard enter button inside my inputbox (in which there is text)
每次在输入框内按enter键(在键盘上),并且输入框内有文本时,我都希望出现包含输入框中文本的新段落。
这是我的尝试,我的代码出了什么问题?它不起作用:
https://jsfiddle.net/dxuax025/
HTML:
<input type="text" id="text">
<div id="list"></div>
jQuery:
$(document).ready(function() {
var r = $('<p>' + a.val() + '<p>');
$('#text').keypress(function(e) {
if(e.which == 13 & a.val() !== "") {
var a = $('#text');
var html = r(a.val());
$('#list').append(html);
$(a).val("");}
return false;
});
});
逻辑为:
- 检测ENTER键
- 如果用户按下ENTER键,则从输入中获取值
- 最后,将
p
标记附加到div
上
$(document).ready(function() {
$('#text').keypress(function(e) {
var key = e.which;
if (key == 13) // the enter key code
{
var inputText = $("#text").val();
$("#list").append("<p>" + inputText + "</p>");
$("#text").val("");
}
});
});
#list p {
background: rgba(255, 255, 255, 0.95);
box-shadow: 0 2px 2px rgba(0, 0, 0, .15);
color: #473e39;
font-size: 16px;
margin: 0 auto 5px;
padding: 20px;
max-width: 520px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="text" placeholder="Input something and enter">
<div id="list"></div>
相关文章:
- 尝试在PHP中回显输入文本时出现未定义的索引错误
- 使用模拟按键在输入框中自动输入文本
- 如何添加类,同时开始在文本字段中输入文本
- JQuery使用相同的功能自动完成各种输入文本
- 如何设置输入文本框jquery的值
- 输入文本框为空时的阻止按钮asp.网络表单
- 基于单选框更新页眉,选中并选择输入文本
- 将输入文本与某个选项的值相匹配并自动选择
- 如何在 JavaScript 中创建输入文本框
- 如何使用纯Javascript观看输入文本框
- 需要使用javascript获取输入文本,然后将其添加到句子中
- php&js-将电子邮件添加到输入文本中
- 动态启用/禁用来自控制器的输入文本
- .val()不返回输入文本
- 从确认框中预填充输入文本框
- 如何使用JavaScript解析输入文本中给定的数据
- 添加/删除/更改输入文本的部分值
- 根据输入文本按元素排序,AngularJS
- 如何将(a*b)两个输入文本值相乘,并在javascript中随文本变化动态显示
- 如何从Tr重复的输入文本中获取值