时间戳

首页 > 解决方案 > 如何在通过 jQuery 发送的 Whatsapp 消息中插入换行符（回车）

html - 如何在通过 jQuery 发送的 Whatsapp 消息中插入换行符（回车）

问题描述

这就是我通过 jQuery 发送 whatsapp 消息的方式

var ques = "I";
            var a = "am";
            var b = "having";
            var c = "a good";
            var d = "time";
    $(document).on("click", '.whatsapp', function() {
                            var whatsappMessage = ques + "\r\n\r\n" + a + "\r\n" + b + "\r\n" + c + "\r\n" + d;
                            
                            var whatsapp_url = "whatsapp://send?text=" + whatsappMessage;
                            window.location.href = whatsapp_url;
                        
                    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
            <div id="showques" style="margin-left: 10px;font-size: 32px;">
            </div>
            
            <div style="width:300px;padding: 20px;background-color:#5755d9;">
                    <a class="whatsapp" style="font-size: 40px;color:white; text-decoration: none;">Whatsapp</a>
                </div>

输出 = 我 \r\n\r\n 是 \r\n\r\n 有 \r\n\r\na 好 \r\n\r\n 时间

我想要这样的输出：

我

是

有

一个好的

时间

标签： htmljquerycssencodingwhatsapp

解决方案

在代码中添加以下行，它将起作用

whatsappMessage = window.encodeURIComponent(whatsappMessage);

$(document).on("click", '.whatsapp', function() {
                        var whatsappMessage = ques + "\r\n\r\n" + a + "\r\n" + b + "\r\n" + c + "\r\n" + d;
                        if( isMobile.any() ) {
                        whatsappMessage = window.encodeURIComponent(whatsappMessage);
                        var whatsapp_url = "whatsapp://send?text=" + whatsappMessage;
                        window.location.href = whatsapp_url;
                    } else {
                        alert("Please share this in mobile device");
                    }
                });

推荐阅读