Javascript中的iPhone滑块-Safari中的问题

我是javascript新手，我使用了

我很难让它在Safari中工作（它在Chrome中工作得非常好）

下面给出了代码，如果这是非常明显的事情，我深表歉意，但我愿意学习：

(function(){
    var slider, sliderInput, sliderButton, sliderText, sliderTimeout, sliderOnchange, unlockCheck;
    slider = document.querySelector('.iphone-slider');
    sliderInput = slider.querySelector('input');
    sliderButton = sliderInput.querySelector('input::-webkit-slider-thumb');
    sliderText = slider.querySelector('span');
    unlockCheck = function(){
        if(sliderInput.value == 100) {
            sliderText.innerHTML = 'unlocked';
            sliderInput.value = 0;
            sliderText.style.opacity = 1;
        } else {
            setTimeout(function(){
                sliderInput.value = 0;
                sliderText.style.opacity = 1;
            }, 1000);
        }
    };

    sliderOnchange = function() {
        sliderText.style.opacity = ((100 - sliderInput.value) / 200);
        clearTimeout(sliderTimeout);
        sliderTimeout = setTimeout(unlockCheck, 300);
    };

    slider.onchange = sliderOnchange;
})();

---

它是桌面Safari和移动版，是css3和JavaScript中的解锁滑块模拟器。。。有关详细信息，请参阅链接：

---

这是safari问题还是mobile safari？标题中写着iPhone，所以我想我们可以假设这是mobile safari。