浏览器点击按钮复制内容并发送短信

最新推荐文章于 2021-06-01 10:55:59 发布

TanChengjin

最新推荐文章于 2021-06-01 10:55:59 发布

阅读量425

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/abcdefghqqcxz/article/details/110287174

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
</head>
<body>
    <span style="display: none;" id="smsContentDefault">短信content区默认内容</span>

    <button class="sms"  data-clipboard-action="copy" data-clipboard-text="要复制的内容">发送短信</button>
    <button class="wechat" data-clipboard-action="copy" data-clipboard-text="要复制的内容">跳转微信</button>

    <script>
$(document).ready(function(){
        
                var sms=new ClipboardJS('.sms');
    
                var wechat = new ClipboardJS('.wechat');
    
                
                wechat.on("success",function(e){
                    //微信按钮复制成功
                                location.href="weixin://";
                                alert("复制成功");
                            });
                    wechat.on("error",function(e){
                                console.log(e);
                                alert(e);
                            });
                var u = navigator.userAgent;
                var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
                var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
                var tarVal = $("#smsContentDefault").text();
                var target="sms:18865477815?body="+tarVal;
                console.log(tarVal);
                if(isiOS)
                {
                    target="sms:18865477815&body="+tarVal;
                }
    
    
                sms.on("success",function(e){
                    //短信按钮复制成功
                            location.href=target;
                            alert("复制成功");
                        });
                sms.on("error",function(e){
                            console.log(e);
                            alert(e);
                        });
            });
    </script>
</body>
</html>

TanChengjin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
浏览器点击按钮复制内容并发送短信

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.jsdel...
复制链接

扫一扫

专栏目录