选择器,事件处理和Keydown事件 - 不能一起工作

时间:2018-03-04 22:08:57

标签: jquery ajax

我正在尝试创建一个聊天框,其中,当我输入文本并点击输入消息时发送,当我按shift + Enter时,会创建一个新行。

然而,由于某些原因,Keydown事件没有被提起。 我不确定它是代码问题还是浏览器问题还是别的什么。

chat.js

var chat = {}

chat.throwmsg = function(message) {
if ($.trim(message).length != 0) {
    console.log = 1;
}
}

chat.entry = $('.chat .entry');
chat.entry.bind("keydown", function(e) {
//alert("1");
if (e.keyCode === 13 && e.shiftKey === false) {
    //chat.throwmsg($(this).val());
    e.preventDefault();
}
});

的index.php

<html>
<head>
    <title>AJAX chat</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/chat.js"></script>
</head>
<body>
    <div class="chat">
        <div class="messages">          
        </div>
        <textarea class="entry"></textarea>
    </div>
</body>

请帮忙!在此先感谢:)

1 个答案:

答案 0 :(得分:0)

我使用了这段代码......

hal deploy apply

每个Keydown都没有“New line”会将角色连接成一个字符串。 并且每个“新行”keydown事件都会重新组合完整的字符串。

此代码可用于聊天框。