Это html onlick, который я хочу запустить все время после его нажатия - PullRequest
Новая
       48

Это html onlick, который я хочу запустить все время после его нажатия

0 голосов
/ 02 марта 2020

Я хочу получить onlick, чтобы speechHandler слушал все время, а не только по щелчку.

Как бы я это сделал? Я думал о добавлении addEventListener(), но не совсем уверен, как.

Я новичок в HTML и не уверен, как это сделать. Спасибо! 

   <div id="imgGalCont" onclick="speechHandler()">

        <div id="imgGalIn">

        </div>
        <div id="imgGalMid">

        </div>
        <div id="imgGalOut"></div>

    </div>
    <div class="footerImg">
        <div class="semText"></div>
        <div class="juryText"></div>
    </div>
    <div class="footerGraph">
        <div class="footerGraphUnit"></div>
        <div class="footerGraphUnit"></div>
        <div class="footerGraphUnit"></div>
        <div class="footerGraphUnit"></div>
        <div class="footerGraphUnit"></div>
        <div class="footerGraphUnit"></div>
        <div class="footerGraphUnit"></div>
    </div>
</div>
</body>

 <script type="text/javascript" src="{{ url_for('static', filename = 'js/socket.io.min.js') }}"> . 
 </script>

 <script>
 var socket = io.connect('http://' + document.domain + ':' + location.port);
 function speechHandler(){
var recognition = new (webkitSpeechRecognition)();
recognition.lang = 'en-US';
recognition.interimResults = false;
recognition.maxAlternatives = 5;
recognition.start();

recognition.onresult = function(event) {
    $('#imgGalIn').airport([event.results[0][0].transcript]);
    recognition.stop();
    socket.emit('user speaks', {data: event.results[0][0].transcript});

};
}

   socket.on('melissa replies', function(test) {
   $('#imgGalMid').airport([test]);
   });
   </script>

   <script type="text/javascript" src="{{ url_for('static', filename = 'js/jquery-2.1.0.min.js') }}"> 
   </script>
   <script type="text/javascript" src="{{ url_for('static', filename = 'js/all.js') }}"></script>
   <script type="text/javascript" src="{{ url_for('static', filename = 'js/transit.min.js') }}"> 
   </script>
   <script type="text/javascript" src="{{ url_for('static', filename = 'js/jquery.airport- 
   1.1.source.js') }}"></script>
   <script type="text/javascript" src="{{ url_for('static', filename = 'js/jquery.airport- 
   1.1x.source.js') }}"></script>
   </html>
...