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);
}