PHP - HTML - Javascript - 通过按 Enter 按钮从 textarea 提交文本

Question

我正在使用 html-php-javascript 进行简单的聊天。 我想从 textarea 提交文本到日志文件，因为“chatbox”将从那里加载聊天。

我编写了代码以在“admin_post.php”的 textarea 中提交文本，它可以工作。

但是，管理员只能通过按“发送”按钮来执行此操作。 是否可以制作 javascript，所以当管理员在键盘上按“enter”时，它会与在表单中按“send”按钮一样吗？

这是 admin_post.php 中的 html 代码：

<form id="admintextform" name="message" action="">
            <?php $adminmsg = !empty($_POST['adminmsg']) ? $_SESSION['adminmsg'] : '';?>
            <textarea class="admintextarea" name="adminmsg" id="adminmsg" size="63" /><?php echo $adminmsg; ?></textarea>
            <input name="adminsubmitmsg" type="submit"  id="adminsubmitmsg" value="Send" />
        </form>

对于“发送”按钮脚本：

<script type="text/javascript">
        //If user submits the form
        $("#adminsubmitmsg").click(function(){  
        var adminmsg = $("#adminmsg").val();
            $.post("admin_post.php", {text: adminmsg});             
            $("#adminmsg").attr("value", "");
            return false;
        });
</script>

我已经尝试了下面的脚本来解决我的问题，但它不起作用。我希望下面的 javascript 可以与上面的“发送”按钮脚本完全一样，只需按下键盘上的 enter 按钮。

<script type="text/javascript">
        $("#admintextarea").keypress(function (e) {
            if(e.which == 13 && !e.shiftKey) {
                var adminmsg = $("#adminmsg").val();
                $.post("admin_post.php", {text: adminmsg});             
                $("#adminmsg").attr("value", "");
                return false;
            }
        });
</script>

请帮助我，感谢您的宝贵时间。 :)

Answer 1

首先，您的 HTML 存在问题。您在打开时关闭了textarea 标签。

对于解决方案，我希望JSFiddle 对您有所帮助。代码如下：

$("#adminmsg").on('keypress', function(e){
  if (e.which == 13)
  {
    e.preventDefault();
    console.log($(this).val());
    $(this).val("");
  }
});

要点：

1. 你选错了。 # 对应于 ID，. 对应于类。
2. 您的代码可能在文档完全加载之前运行；因此它找不到要绑定的元素。在页面上随时使用on 绑定到相应的选择器；或者使用将您的代码放入 $(document).ready(function(){ /* your code */ }); 以在页面完全加载并准备好后执行。