微信按住说话HTML实现

最新推荐文章于 2021-06-04 01:51:53 发布

栁罗风尘

最新推荐文章于 2021-06-04 01:51:53 发布

阅读量6.3k

点赞数 1

分类专栏：微信|支付宝文章标签：微信按住说话

本文链接：https://blog.csdn.net/wujiangwei567/article/details/45696441

版权

微信|支付宝专栏收录该内容

30 篇文章

订阅专栏

直接看代码来得快：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />


<button id="hhhh">按住说话</button>

  <style type="text/css">
      #hhhh{height:40px;line-height: 40px; text-align: center; background: #f00; color:#fff;}
  </style>

  <script>
  document.getElementById('hhhh').addEventListener('touchstart', function(ev) {
           ev.preventDefault();
           this.style.background = '#f00';
           //your start record code here...
        }, false);
  document.getElementById('hhhh').addEventListener('touchend', function(ev) {
          ev.preventDefault();
           this.style.background  = '#0f0';
           //your stop record code here...
        }, false);

</script>