輸入類型範圍旋轉

Question

當我目前坐在一個有趣的問題：

我有一個輸入類型範圍，使用CSS變換財產270deg旋轉。

在桌面瀏覽器能正常工作，但在移動設備上，當我嘗試使用範圍推子，屏幕改爲滾動。

我來解決這個第一次嘗試使用投入重點和模糊事件禁用頁面的滾動功能，但似乎這些事件不被移動設備上觸發。

有沒有人已經處理了這個問題？

我做了一個plunkr重現該問題：

https://embed.plnkr.co/FrdJZqeB8zqQxjN7zS8u/

如果你不是在移動瀏覽器，只允許設備瀏覽器在Chrome檢查左上方

感謝

編輯：-webkit-appearance: slider-vertical; css屬性不適合我，因爲我需要將css樣式應用於我的推子：<input type="range"> style not applies to thumb when it is vertical

編輯：

發現，對於我工作的解決方案，爲thepio建議：

var element = document.getElementById('range-input'); 
element.addEventListener('touchmove', function(event){ 
    //event.preventDefault(); 
}); 

有趣的是這隻適用不event.preventDefault（）行

Answer 1

爲什麼不使用垂直滑塊代替？

input[type=range] { 
 
    -webkit-appearance: slider-vertical; 
 
    width: 5px; 
 
    height: 200px; 
 
}

<input type="range" orient="vertical" id="range-input">