Heim >Web-Frontend >HTML-Tutorial >微信按住说话HTML实现_html/css_WEB-ITnose

微信按住说话HTML实现_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:44:281281Durchsuche

直接看代码来得快:


<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>


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn