微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

将 onclick 按钮添加到 textarea 中的 onkeyup 功能

如何解决将 onclick 按钮添加到 textarea 中的 onkeyup 功能

function sendMessage(e){

    if (e.which == 13 && ! e.shiftKey) {
        var id = $('#form-message-write input').val();
        var message = $('#form-message-write textarea').val();

        if (message.trim() != '') {
            var data = new FormData();
            data.append('id',id);
            data.append('message',message);

            $.ajax({
                url: BASE_URL + '/direct-messages/send',type: "POST",timeout: 5000,data: data,contentType: false,cache: false,processData: false,headers: {'X-CSRF-TOKEN': CSRF},success: function (response) {
                    if (response.code == 200) {
                        $('.dm .chat .message-list .alert').remove();
                        $('#form-message-write textarea').val("");
                        $('.dm .chat .message-list').append(response.html);
                        $(".dm .chat .message-list").animate({ scrollTop: $('.dm .chat .message-list').prop("scrollHeight")},1000);
                    } else {
                        $('#errorMessageModal').modal('show');
                        $('#errorMessageModal #errors').html('Something went wrong!');
                    }
                },error: function () {
                    $('#errorMessageModal').modal('show');
                    $('#errorMessageModal #errors').html('Something went wrong!');
                }
            });
        }
        return false;
    }
}
 <div id="message_write_Box" class="message-write">
   <form id="form-message-write">
     <input type="hidden" name="user_id" value="{{ $friend->id }}">
       @if ($can_send_message)

        <textarea id="personal_message" class="form-control" rows="1" placeholder="Your message.." onkeyup="sendMessage(event)"></textarea>

       @else

        <div class="alert alert-danter">You must follow each other to send messages!</div>
      @endif
   </form>
 </div>

大家好,我一直在尝试使用这段代码,Javascript 对我来说是一个新世界。谁能帮助我了解如何将此 onkeyup 转换为 onclick 事件?感谢您的任何帮助!我只需要帮助了解缺少什么?也许我需要添加一个事件监听器?我尝试了一些不同的东西,但我无法让按钮起作用。我确定解决方案很简单,我只需要获取 textarea 内的文本并应用一个按钮来发送用户输入。

尝试过按钮,尝试过输入字段,尝试过事件侦听器,但我仍然明显做错了什么。

整个功能就像 onkeyup 一样完美。

解决方法

首先,将按钮元素添加到 HTML 中。对于此按钮,要么使用 sendMessage(event) 函数添加 onclick 属性,要么添加事件侦听器并将其附加到该按钮并在侦听器中调用 sendMessage(event) 函数。

其次,您需要删除检查按键(向上)的“if (e.which == 13 && ! e.shiftKey) {”条件。由于您想在单击时触发 sendMessage 函数,因此您可能根本不需要此条件,因此您可以将其删除。其余代码应该可以正常工作。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?