Javascript 如果我填写了表格数据或数字,下一段该怎么做。。?
我有一张介绍表,比如填写我的个人资料或信息。我填写了不同的段落和数字。但输出将只显示单个段落Javascript 如果我填写了表格数据或数字,下一段该怎么做。。?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一张介绍表,比如填写我的个人资料或信息。我填写了不同的段落和数字。但输出将只显示单个段落 <div class="col-lg-12"> <div class="form-group"> <textarea autocomplete="off" rows="4" class="form-control" name="introduction" type="text" ></text
<div class="col-lg-12">
<div class="form-group">
<textarea autocomplete="off" rows="4" class="form-control"
name="introduction" type="text"
></textarea>
</div>
</div>
但在我的表格中,如果我填写了数据或数字,输出结果如下
1 2 3 1).One 2). Two 3).Three
实时网址:
指令('nextOnEnter',函数(){
返回{
限制:“A”,
链接:函数($scope、selem、attrs){
selem.bind('keydown',函数(e){
var代码=e.keyCode | | e.which;
如果(代码===13){
e、 预防默认值();
var pagelems=document.querySelectorAll('input,select,textarea'),
elem=e.src元素
focusNext=false,
len=pagelems.长度;
对于(变量i=0;i
来源:在使用jQuery时非常有用
在javascript中
尝试此操作(按名称和/或id引用您的textarea)
var text=document.forms[0].introduction.value;
text=text.replace(/\r?\n/g,
);
这将用HTML换行符(br)替换所有换行符(/r/n)
参考URL:这是CSS问题,不是JavaScript问题。默认情况下,HTML压缩空白-这包括忽略换行符 将
空白:预换行
添加到输出div
以下是示例代码:
{
white-space: pre-wrap
}
使用jQuery键盘事件
$(document).keydown(function (event) {
toCharacter(event.keyCode);
});
function toCharacter(keyCode) {
// delta to convert num-pad key codes to QWERTY codes.
var numPadToKeyPadDelta = 48;
// if a numeric key on the num pad was pressed.
if (keyCode >= 96 && keyCode <= 105) {
keyCode = keyCode - numPadToKeyPadDelta;
return String.fromCharCode(keyCode);
}
if (keyCode == 106)
return "*";
if (keyCode == 107)
return "+";
if (keyCode == 109)
return "-";
if (keyCode == 110)
return ".";
if (keyCode == 111)
return "/";
// the 'Enter' key was pressed
if (keyCode == 13)
return "="; //TODO: you should change this to interpret the 'Enter' key as needed by your app.
return String.fromCharCode(keyCode);
}
$(文档).keydown(函数(事件){
toCharacter(event.keyCode);
});
函数到字符(键代码){
//增量将数字键盘键代码转换为QWERTY代码。
var numPadToKeyPadDelta=48;
//如果按了数字键盘上的数字键。
如果(keyCode>=96&&keyCode为什么不使用TAB按钮-KISS?这是输入键的超常用法-您尝试了什么?请添加一些代码。您知道HTML属性tabindex
?@Kondal我的答案解决了吗?@Kondal有必要问一个全新的问题,而不是重写原来的问题。现在您有很多问题与你的新问题完全不相关的评论和答案。这让每个人都感到困惑。很好,它还可以使用TAB作为自动对焦功能。这将一直工作到用户必须填充文本区域并尝试在文本中中断为止。你应该将其标记为副本,而不是复制/粘贴现有答案。为什么如果简单的CSS能为我们解决这个问题,我们会使用复杂的JS吗?
var text = document.forms[0].introduction.value;
text = text.replace(/\r?\n/g, '<br />');
{
white-space: pre-wrap
}
$(document).keydown(function (event) {
toCharacter(event.keyCode);
});
function toCharacter(keyCode) {
// delta to convert num-pad key codes to QWERTY codes.
var numPadToKeyPadDelta = 48;
// if a numeric key on the num pad was pressed.
if (keyCode >= 96 && keyCode <= 105) {
keyCode = keyCode - numPadToKeyPadDelta;
return String.fromCharCode(keyCode);
}
if (keyCode == 106)
return "*";
if (keyCode == 107)
return "+";
if (keyCode == 109)
return "-";
if (keyCode == 110)
return ".";
if (keyCode == 111)
return "/";
// the 'Enter' key was pressed
if (keyCode == 13)
return "="; //TODO: you should change this to interpret the 'Enter' key as needed by your app.
return String.fromCharCode(keyCode);
}