Textarea Enter 键上的新行不适用于 .NET Core MVC 应用程序

Question

我有一个（可能）简单的问题我无法解决，需要您的帮助来解决。

我使用 Visual Studio 2017 创建了一个新的 MVC 应用程序。然后我创建了必要的模型、视图和控制器以将一些数据添加到 SQL 服务器数据库。
但是，在 TEXTAREA 输入中，我无法使用 Enter 键转到新行，就像我在提交此问题时可以在这里做的那样。 Enter 键什么都不做。

我尝试跟踪问题并使用此脚本确认已检测到 Enter 键；但是，当我按下回车键时，仍然无法换行。

                <script>
                    $(window).keydown(function (event) {
                        if ((event.which == 13) && ($(event.target)[0] == $("textarea")[0])) {
                             alert("One");
                            //  event.preventDefault();
                            // return false;
                        }
                    });
                </script>

其次，我给textarea本身添加了一个onclick事件，点击时仍然没有换行。代码中必须有一个我找不到的文本区域覆盖，这可能是 .NET VS2017 中默认应用程序构建的一部分。

<textarea rows="6" cols="20" class="form-control" asp-for="Notes" style="width: 96% !important;" onclick="this.value='Hello \n How R U?'"></textarea>

是否有任何方法可以解决此问题并获得对全部 TEXTAREA 功能的访问权限，并能够为用户提供一个完整的基于文本的区域以在多行中提供详细评论？

感谢您的回复。

Answer 1

我写了下面的HTML代码来解决你的问题，但是没有问题！

<html>
<head>
<title>
test
</title>
</head>
<body>
<textarea rows="6" cols="20" class="form-control" asp-for="Notes" style="width: 96% !important;" 

onclick="this.value='Hello \n How R U?'"></textarea>
</body>
</html>

您是否通过其他浏览器检查了您的应用程序？如果问题仍然存在，请在浏览器中检查 textarea 的 HTML 代码，并将其与视图代码中相当于 textarea 的标签助手进行比较。这可能会帮助您解决问题。

Textarea Enter 键上的新行不适用于 .NET Core MVC 应用程序

Textarea New Line on Enter Key not working on .NET Core MVC Application

asp.net-mvc

textarea