xgqfrms™, xgqfrms® : xgqfrms's offical website of cnblogs! xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

HTML5 & input tel & make a phone call All In One

HTML5 & input tel & make a phone call All In One

咋呼叫呀，网页怎么打电话？

vue


    {
        key: "exploreCorpPhone",
        title: "企业电话",
        width: 150,
        align: "center",
        render: (h, params) => {
            let tel = params.row.exploreCorpPhone;
            if (tel) {
                return h("div", [
                    h("Icon", {
                        props: {
                            name: "ios-call"
                        }
                    }),
                    h("a", {
                        attrs: {
                            "data-tel": tel,
                            href: `tel: ${tel}`,
                        },
                    }, tel),
                ]);
            } else {
                return h("div", [
                    h("Icon", {
                        props: {
                            name: "ios-call"
                        }
                    }),
                ]);
            }
        },
    },




                        render: (h, params) => {
                            let tel = params.row.exploreCorpPhone;
                            if (tel) {
                                return h("div", [
                                    h("Icon", {
                                        props: {
                                            name: "ios-call"
                                        }
                                    }),
                                    h("a", {
                                        attrs: {
                                            "data-tel": tel,
                                            href: `tel: ${tel}`,
                                        },
                                    }, tel),
                                ]);
                            } else {
                                return h("div", [
                                    h("Icon", {
                                        props: {
                                            name: "ios-call"
                                        }
                                    }),
                                ]);
                            }
                        },

solutions

  1. window.open
window.open('tel:18123456789');

https://stackoverflow.com/questions/16781772/trigger-phone-call-with-javascript

  1. HTML a link ✅
<a href="tel:18123456789" target="_blank">tel:18123456789</a>



<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="author" content="xgqfrms">
    <meta name="generator" content="VS code">
    <title>make a phone call in js</title>
</head>
<body>
    <section>
        <h1>js & make a call</h1>
        <a href="tel: 18123456789">18123456789</a>
        <a href="tel: 021 88888888">021 88888888</a>
    </section>
</body>
</html>

https://zhidao.baidu.com/question/455762432046249965.html

  1. 调后台提供的拨打电话接口 💩

点呼叫弹出呼叫窗口，确认后调后台提供的拨打电话接口就可以，后台会去调钉钉/微信等发起电话

https://blog.csdn.net/cengjingcanghai123/article/details/47951003

input type=tel


<input type="tel"></input>

the input value is not automatically validated to a particular format before the form can be submitted, because formats for telephone numbers vary so much around the world.

在提交表单之前，输入值不会自动验证为特定格式，因为世界各地的电话号码格式差异很大。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/tel

demos

(🐞 反爬虫测试！打击盗版⚠️）如果你看到这个信息, 说明这是一篇剽窃的文章，请访问 https://www.cnblogs.com/xgqfrms/ 查看原创文章！

refs

©xgqfrms 2012-2021

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

posted @ 2019-04-03 16:08  xgqfrms  阅读(539)  评论(6)  编辑  收藏  举报