javascript - 怎么把 i 传到 pausePlay 函数里？

问题描述

问 题

function controlAudio () {

    var audios=document.getElementsByTagName('audio');
    var buttons=document.getElementsByTagName('div');
    for (var i = 0; i < buttons.length; i++) {
        buttons[i].onclick=function  () {  //这里
            pausePlay();
        }
    }
    function pausePlay () {
        if (audios[i].paused) {
                audios[i].play();
            }
            else{
                audios[i].pause();
            }
        }
    }

解决方案

function controlAudio () {

    var audios=document.getElementsByTagName('audio');
    var buttons=document.getElementsByTagName('div');
    for (var i = 0; i < buttons.length; i++) {
        buttons[i].onclick=(function  (i) {  //这里
            pausePlay(i);
        })(i)
    }
    function pausePlay (i) {
        return function(){
        if (audios[i].paused) {
                audios[i].play();
            }
            else{
                audios[i].pause();
            }
        }
        
        }
    }

这样，相当于事件点击绑定的是return后的函数

这篇关于javascript - 怎么把 i 传到 pausePlay 函数里？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！